Blogroll sidebar overflow and display issues

Hey all, I’m having a couple odd errors on my test blog:

1) I have the overflow of several blogrolls on my Sidebar written to produce a box with a little scrollbar on the side, as seen on my current blog http://www.sevenstripes.com/blog . (bottom right of SideBar)

But for some reason, I can’t get this to work on my test blog (again bottom right of sidebar) http://area51.sevenstripes.com

Also if you check the very last blogroll on the sidebar in Firefox or Opera only, not IE, it comes out very weird looking, but it looks fine in IE? and it validates?

Here’s an example of my blogroll code in the sidebar:

<li class="sidebox">
<h2>United Conservosphere:</h2>
<p>
<a href="http://sevenstripes.com/blog/2006/08/05/united-conservosphere/"><img src="http://sevenstripes.com/images/uc3.jpg" border="0" alt="Join the United Conservosphere"></img></a>
</p>
<div class=".scroll"><script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/display.php?r=ebf54728a310f4cbbc3d900c60e84099"></script>
</div>
</li>

and in my CSS:

.scroll {height: 200px; overflow: auto;}

What is the problem?

I’m completely baffled!!

Any help will be so appreciated!!