title: Need to select em in Selenium
body: <p>I am using Selenium IDE in Chrome. </p>
  
  <p>I have trouble as it's <code>Ext JS</code>, so certain class names are generated. I also might be having trouble due to the class name <strong>"x-list-body"</strong>?</p>
  
  <p>I want to click on <strong>"This person here yes"</strong>, like this:</p>
  
  <pre><code>Click: //div[@class='x-list']//em[.='This person here yes']
  </code></pre>
  
  <p>Here is the HTML from the webpage, excuse the mess:</p>
  
  <pre><code>&lt;div class="x-list-body"&gt;
  &lt;div id="ext-gen159" class="x-list-body-inner"&gt;
  &lt;dl&gt;
  &lt;dt style="width:100%;text-align:left;"&gt;
  &lt;em unselectable="on" "=""&gt;Woot Moot Boot&lt;/em&gt;
  &lt;/dt&gt;
  &lt;div class="x-clear"&gt;
  &lt;/div&gt;
  &lt;/dl&gt;
  &lt;dl&gt;
  &lt;dt style="width:100%;text-align:left;"&gt;
  &lt;em unselectable="on" "=""&gt;This is sparta&lt;/em&gt;
  &lt;/dt&gt;
  &lt;div class="x-clear"&gt;&lt;/div&gt;&lt;/dl&gt;
  &lt;dl&gt;
  &lt;dt style="width:100%;text-align:left;"&gt;
  &lt;em unselectable="on" "=""&gt;Henry Print&lt;/em&gt;
  &lt;/dt&gt;
  &lt;div class="x-clear"&gt;&lt;/div&gt;
  &lt;/dl&gt;
  &lt;dl&gt;
  &lt;dt style="width:100%;text-align:left;"&gt;
  &lt;em unselectable="on" "=""&gt;Minsy Blowman&lt;/em&gt;
  &lt;/dt&gt;
  &lt;div class="x-clear"&gt;&lt;/div&gt;
  &lt;/dl&gt;
  &lt;dl class=""&gt;
  &lt;dt style="width:100%;text-align:left;"&gt;
  &lt;em unselectable="on" "=""&gt;This person here yes&lt;/em&gt;
  &lt;/dt&gt;
  &lt;div class="x-clear"&gt;&lt;/div&gt;
  &lt;/dl&gt;
  &lt;dl class=""&gt;
  &lt;dt style="width:100%;text-align:left;"&gt;
  &lt;em unselectable="on" "=""&gt;Another cool person&lt;/em&gt;
  &lt;/dt&gt;
  &lt;div class="x-clear"&gt;&lt;/div&gt;
  &lt;/dl&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Please do not give me <code>JavaScript</code> code etc..., I am using the <code>FireFox</code> addon IDE.</p>
  
  <p>Thank you!</p>