title: How can I select the first IFRAME within the second FB tag in a div?
body: <p>This needs to be cross-browser compatible at least with IE 7/8 and the other major, current browsers.</p>
  
  <p>I have the following (simplified) HTML:</p>
  
  <pre><code>&lt;div id="facebook"&gt;
      &lt;fb:like ...... /&gt;
      &lt;fb:comments&gt;
          &lt;iframe .... /&gt;
      &lt;/fb:comments&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The IFRAME is added by Facebook but I need to make a display modification to it. How can I use CSS selectors to select "the first IFRAME within the second FB tag under the div with an ID of facebook"? I need to add height and overflow CSS attributes to the IFRAME.</p>
  
  <p>If this is not possible with CSS in a cross-browser compatible fashion, what would the approptiate jQuery selector be? Might help to have both anyways if someone wants to answer both scenarios but my preference is for CSS.</p>
  
  <p>Thanks.</p>