Facebook Comment Box doesn't expand its container div

I've embedded a Facebook Comment box into my site (http://ponycountdown.com), but the div it is contained within doesn't expand to accommodate it. Does anyone know what causes this, and if there is a way around it?

To see the problem in action, click the comments tab on the left of that page.

An additional query - is it possible to reverse the order of comments so that the most recent is on top? I tried adding re开发者_开发技巧verse="true", but it doesn't have any effect.

Change height of the div to min-height in CSS.

In other words, use min-height: 392px instead of height: 392px.

This way it will expand and not be of fixed height as it is now. Hope this helps.

I would suggest to add the following to the slide-out-div class:

overflow-y: auto;
overflow-x: hidden;

With some additional styling this will create a scrollbar when the facebook comments overflow downwards.