Facebook Comments Cutting Off

I've entered this into my code to use facebook comments:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb开发者_如何学JAVA:comments href="google.com" num_posts="10" width="610"></fb:comments>

But it cuts of the comments like this http://cl.ly/77fB and the loading graphic doesn't go away. I've tried removing all css that I have and js and it still does the same thing. I looked that code and the iframe that the facebook comments api generates sets a height of 200px. Here's the iframe source code:

<iframe id="f1c27030c" name="f1f67bf5c4" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; overflow-x: hidden; overflow-y: hidden; height: 200px; width: 610px; " class="fb_ltr" src="http://www.facebook.com/plugins/comments.php?channel_url=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D2%23cb%3Df3ec50dad4%26origin%3Dfile%253A%252F%252Flocalhost%252Ff17ab9b71%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;href=google.com&amp;locale=en_US&amp;numposts=12&amp;sdk=joey&amp;width=610"></iframe>

Not sure what else to do. Thanks!

Update:

So because files I'm loading the comments from are local Chrome is saying it's not safe to load it all: http://cl.ly/77X7

I uploaded the file to my server and it loaded all the way.

Thanks for your help!

This comes from the fact that you put google.com as the URL : Facebook servers tries to contact google.com to finish loading your comments.

Try with localhost instead of google.com, it will show the error message.

So you have to put the URL of the page on which the comments are displayed. It will not work otherwise.

Hope that helps.