title: Applying last-child to element not working
body: <p>Given I have the following tags:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="div-one"&gt;
      &lt;div class="div-two"&gt;some &lt;/div&gt;
      &lt;input type="hidden" value=""/&gt;
      &lt;div class="div-two"&gt;some &lt;/div&gt;
      &lt;input type="hidden" value=""/&gt;
      &lt;div class="div-two"&gt;some &lt;/div&gt;
      &lt;input type="hidden" value=""/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I try to apply a style to the <strong>last</strong> "div-two" element using this css syntax:</p>
  
  <pre><code>#div-one div.div-two:last-child  { border-bottom:solid 1px #999; }
  </code></pre>
  
  <p>It doesn't work unless I remove the hidden fields. Any suggestions as to why?</p>
  
  <ul>
  <li>Here's a link to the jsfiddle: <a href="http://jsfiddle.net/67qYJ/1/">http://jsfiddle.net/67qYJ/1/</a></li>
  <li>Using Google Chrome v12.0.742.100</li>
  <li>It is <strong>NOT</strong> an option to place the hidden tags elsewhere</li>
  </ul>