CSS - Float in IE

[Andi]

Hallo zusammen,

hoffe mir kann jemand helfen:

Ich will 3 Divs nebeneinander positionieren (klappt in FF, Opera, Safari), aber es gelingt mir nicht für den IE.
Bei IE wird die rechte Box immer soweit nach unten verschoben, wie im Mittelteil Content steht...

HTML:

<div id="content">  
				<div id="leftcolumn">	  
					<jdoc:include type="modules" name="left" style="rounded" />  
					<?php $sg = 'banner'; include "templates.php"; ?>  
				</div>  
				  
				<div id="maincolumn">	  
					<div class="nopad">  
						<?php if($this->params->get('showComponent')) : ?>  
							<jdoc:include type="component" />  
						<?php endif; ?>  
				  </div>  
				<div class="clr"></div>  
		     </div>		  
                           <div id="rightcolumn">	  
					<jdoc:include type="modules" name="right" style="rounded" />  
					<?php $sg = 'banner'; include "templates.php"; ?>  
		  </div>	  
		</div>

CSS:

  
#leftcolumn {  
	margin: 0;  
	width: 200px;  
	float: left;  
	padding: 0 4px 10px 0;  
	text-align: left;  
}  
  
div#maincolumn {  
	float: left;  
	width: 465px;  
	margin: 0 0 6px 0;  
}  
  
div#rightcolumn {  
	float: right;  
	width: 200px;  
	margin: 0;  
	padding: 0 4px 10px 0;  
        overflow:hidden;  
}  
  
div.nopad {  
	overflow: hidden;  
	padding: 0;  
}

Ich hab eigentlich hier nachgesehen:
http://de.selfhtml.org/css/layouts/mehrspaltige.htm#dreispaltig@title=selfhtml

Könnt ihr mir sagen, wieso das im IE immer nach unten verschoben wird?

Danke und Grüße
Andi

[Struppi]

Könnt ihr mir sagen, wieso das im IE immer nach unten verschoben wird?

Boxmodel bug?

Struppi.

[suit]

Boxmodel bug?

Gwirks-Mode