title: Responsive facebook comment box
body: <p>I've been researching several <strong>different</strong> ways to force a <strong>facebook comment box</strong> plug-in to be fluid/responsive/liquid/whatever-we-call-it <em>(just showing the stupidity of names)</em>, and all of them work fine. But also, all of them make the plug-in disappear when accessing from <em>Google Chrome</em>.</p>
  
  <p>I'm using this:</p>
  
  <pre><code>.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
  width: 100% !important;
  }
  </code></pre>
  
  <p>Which has the same results <em>(apparently)</em> as:</p>
  
  <pre><code>#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span{
  width: 100% !important;
   }
  </code></pre>
  
  <p><strong>Question</strong>: How can I fix this strange behavior? <em>(Why does it happen?)</em></p>
  
  <p>Thanks for your time. Wether you do help me or not, have a nice to-day! :)</p>