IE buggt bei float right (nicht altbekanntes float Problem)

Rechts gefloateter div agiert im IE 7 und niedriger als ob er non-floated wäre...

Salute,

folgende Situation, in einem "wrapper"-div platziere ich zuerst einen links gefloateten und dann einen rechts gefloateten div, danach kommt ein non-float-div. Normalerweise wird der non-float auf den oberen Rand des wrappers gestellt, die gefloateten ebenfalls auf dieser höhe links und rechts.
Der IE 7 und niedriger setzt bei mir nun aber seltsamerweise den non-float unterhalb des rechts gefloateten divs an, der links gefloatete ist ihm egal. Ich kapiere überhaupt nicht, wieso dieser rechte float wie ein psuedo-non-float agiert (obwohl er rechts angefloatet wird...).
Hoffe jemand kann mir schnellstmöglich helfen, denn die Webseite sollte Morgen aufgeschaltet werden.

HTML-Markup:

<div id="content_wrapper">  

  <div id="boxes_left" class="box"></div>  

  <div id="images_right"></div>  

  <div id="content" class="box"></div>  

</div>

CSS:

.box {
	width:auto;
	height:auto;
	background:white;
	border:1px solid #ccc;
	box-shadow:0 3px 2px #ccc;
	border-radius:12px;
	-moz-box-shadow:0 3px 2px #ccc;
	-moz-border-radius:12px;
	-webkit-box-shadow:0 3px 2px #ccc;
	-webkit-border-radius:12px;
}

#boxes_left {
	float:left;
	margin:180px 0 20px;
	display:inline;
}

#images_right {
	float:right;
	margin:60px 0 20px 20px;
	display:inline;
}

#content {
	width:620px;
	min-height:500px;
	margin:0 0 20px 120px;
	padding:40px 80px;
	background:url(../../images/underlay.png) repeat;
}