Facebook commenting in mobile devices

I’m planning a website using progressive enhancement via media queries.

I want to add Facebook commenting, but I’m having trouble getting the width of the widget to play nice.


<div class="fb-comments">
   <div id="fb-root"></div>
   <script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script>
   <fb:comments href="<?php echo $strUrl ?>" num_posts="10"></fb:comments>
</div>

You can supply a width parameter in the <fb:comments> tag, but it must be an exact size; percentages do not work.

Without using JS or PHP browser sniffing, how could you make it so it would work as if you could set the width to 100%?

Bah, nevermind - already figured it out.

.fb-comments iframe{ /* My own wrapper */
	width:100% !important;	
}

.fb_iframe_widget{ /* FB's class added to fb:comments tag */
  width:100% !important;
}