We put one of these Facebook like boxes on our site which connects to our Facebook page.

All good. The status stream updates and people can "like" it.

However, to fit a little better into our site, we reduced the height from 395px down to 240px.

The height reduced perfectly, as we wanted, but the scroll bar for the content inside doesn't reduce.

Using Firebug I see that what needs to happen is the DIV with the id "stream_content" needs to reduce in size as well, but it stays at the default 300px.

Does anyone have a fix for how to reduce the height of the Facebook like box and get the scroll bar to function correctly?

Here is the HTML to reduce our box size, by setting the height attribute:

Code HTML4Strict:
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/platform" width="290" connections="0" height="240" header="0"></fb:like-box>

And the DIV which is causing problems:
Code CSS:
.fan_box .page_stream {
  height: 300px;

If I could change that height to 138px, my world would be good. I tried altering it with JavaScript, but I can't access the content of the iFrame because it's not on the same domain.

Code HTML4Strict: