title: querySelector with nested nth-child in Chrome doesn't appear to work
body: <p>I've been looking at using nth-child within an nth-child selector to find an element. This appears to work in Firefox, but does not seem to be working on chrome. Here's my test file:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;untitled&lt;/title&gt;
      &lt;!--[if IE]&gt;
          &lt;script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;script type="text/javascript" charset="utf-8"&gt;
          myFunc = function() {
              if(document.querySelector('#wonderful DIV:nth-child(2) DIV:nth-child(2)')) {
                  alert("found the element");
              } else {
                  alert("element not found");
              }
          };
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onLoad="myFunc()"&gt;
  
      &lt;div id="wonderful"&gt;
         &lt;div&gt;
         &lt;/div&gt;
         &lt;div &gt;
             &lt;div&gt;
             &lt;/div&gt;
             &lt;div class="blue"&gt;
                 find me!
             &lt;/div&gt;
         &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Has anyone else seen this issue? Have a solution to get around this?</p>