Placering av div blir fel i IE

Hej

Sidan kan ses tillfälligt på http://www.kig.se/test0.htm och css på http://www.kig.se/stil.css

Jag har ett smärre problem, när jag inte har en bild i min div som innehåller nyheten så är allting rätt placerat. Samma sak gäller om bilden har float:left. Men använder jag float:right ser det helt plötsligt fel ut i Internet Explorer. Behållaren "nyhet" väller alltså över "content" och "content_body" när en bild med float:right sätts in i nyhet.

Tack på förhand för alla råd och tips!

Kod:

<div id="content">
<div id="content_top"><span></span></div>
<div id="content_body">
<div class="nyhet">
<img src="images/photoframes/yuntun.jpg" width="189" height="224" class="news" />
<h3>Rubrik</h3>
<p>Text</p>
<div class="clearboth"></div>
</div>
</div>
</div>
</div>

Utdrag ur css-filen.

#content {
 top:0px;
 margin:0px;
 width:772px;
}

#content_top {
 background: transparent url(images/body_top.jpg) no-repeat top left;
 margin:0px;
 width:772px;
 height:32px;
 float:left;
}

#content_body {
 background-image:url(images/body_body.jpg);
 background-repeat:repeat-y;
 background-position:left;
 background-color:transparent;
 width:772px;
 height:auto;
 float:left;
}

.nyhet {
 background-color:#ECECEC;
 margin-top:30px;
 margin-left:30px;
 margin-right:100px;
 padding-bottom:10px;
 padding-top:1px;
 clear:both;
}

#nyhet p {
 margin-left:30px;
 margin-right:10px;
}

#nyhet h3 {
 margin-bottom:0px;
 margin-top:25px;
 font-size:12px;
 font-weight:bold;
}

.news {
 margin:15px;
 margin-left:5px;
 float:right;
}