Fehler in der IE Ansicht nach Designänderung

Hallo,

aus dem Misty Look Theme (WordPress Themes by Sadish » Misty Look) habe ich mir aus der css den Teil mit der Sidebox in mein Theme kopiert.

#sidebar li.sidebox {
	padding:1px 10px;
	margin:0 0 1em 0;
	background: url(img/sideheadtop.gif) #ededed no-repeat left top;  


}
li#sidelinks ul
{
	margin:0;
	padding:0;
}
#sidebar li.sidebox p img {
	margin:0;
	padding:3px;
	border:#ccc 1px solid;
	background:none;
}

Sinn ist es, die einzelnen Bereiche in der Sidebar voneinander abzugrenzen und jedem seine eigene Box zu geben.

Das ganze baue ich per

<li class="sidebox">

in der Sidebar ein.

Im FF keine Probleme, im IE beginnt die Sidebar erst nach dem letzten Post:

http://img150.imageshack.us/img150/1583/neuesbildjo5.jpg

Meine CSS: http://www.thomas-hoelscher.de/wp-content/themes/msnite/style.css

Wer kann helfen?

EDIT:

soweit alles geklärt dank der Hilfe von Jeriko.

Eine Frage bleibt noch. in der IE Ansicht ist die Box der "Links" ein klein wenig nach links eingerückt, im FF nicht.

Wer kann helfen?

zu sehen unter Thomas Hölscher

Danke und Gruß!