title: css locator builder in Selenium IDE doesn't get first ID
body: <p>Let's say that I have some html like:</p>
  
  <pre><code>&lt;div id="container1" class="wrap"&gt;
      &lt;div class="somestyle"&gt;first content
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="container2" class="wrap"&gt;
      &lt;div class="somestyle"&gt;second content
      &lt;/div&gt;
  &lt;/div&gt;
     .
     .
     .
  &lt;div id="containern" class="wrap"&gt;
      &lt;div class="somestyle"&gt;nth content
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Recording tests with Selenium IDE, ID and CSS locator builders in the top, 
  if I click on "first content" I get something like:</p>
  
  <pre><code>css=div.somestyle
  </code></pre>
  
  <p>on the other hand, if I click on any other content starting from the second, I get (what I want):</p>
  
  <pre><code>css=#container2 &gt; div.somestyle,
     .
     .
     .
  css=#containern &gt; div.somestyle
  </code></pre>
  
  <p>The only exception is the first element.</p>
  
  <p>Why is that? Is it a bug? How can I avoid, without having to rewrite the whole HTML structure?</p>