IE7/ FF2 CSS problem

Hi all,

If anyone is kind enough, do let me know what have I done wrong here.

http://www.streambuild.com/demo

Problem: Sidebar doesnt align properly in IE, but in FF/

I've tried using child selector solution to separate the margin types, but they still display together.

#sidebar { margin:18px 0 0 10px; }
html> body #sidebar { margin: 0 0 0 10px;}

Also tried the underscore hack but it doesnt work, anyone can feed me with the right direction?

The negative margin in #subscribe_widget

What's with that? How can I fix this then? Sorry to trouble.

Change to zero:#subscribe_widget { background: #fff url("images/subscribebg.gif") top right no-repeat; margin:-15px 0px 0px -10px; padding: 5px; width:270px; font-size: 11px;}