Sidebar not rendering correctly in (you guessed it) IE

I’ve been at this for hours and gotten nowhere. I edited a template called Earthlycalm, switched the position of the sidebar from left to right, and I cannot for the life of me get it to appear right in IE7 and I have no idea why. In IE the left (skinny) sidebar is shoved all the way down, though it renders perfectly in Firefox 3.

Below is the suspect code (I hope):

#wrapper
{
	clear: both;
	float: left;
	width: 100%;
	color: #555555;
	background: #fff;
}

#content-wrapper
{
	width: 75%;
	float: right;
}

#content
{
float: right;
background: #F4EFE5;
margin-left: 40px;
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
-moz-border-radius:15px;
}

#sidebar-wrapper
{
	width: 25%;
        float: left;
	margin-top: 10px;
}

#sidebar
{
	float: left;
	padding: 0px;
	width: 176px;
	margin-left: 25px;
	margin-top: 0px;
}

.post-wrapper {
background: #F4EFE5;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 10px;
padding-right: 20px;
margin-left: 30px;
margin-bottom: 20px;
margin-top: 20px;
-moz-border-radius:15px;
}

The “ie-win.css” files uses

#content-wrapper { width: 58%; }

#content pre { width: 350px; overflow: hidden; }

Help, please! I’m really stumped. 🙁