Floating DIVs im IE

[mschoening]

Hi,
ich habe mal wieder einen schönen Bug im IE6.

Kann mir jemand sagen weshalb hier die 3 kleinen Banner im IE6 einen margin-bottom werfen?

Hier ist das Markup:

<!-- !microbanner -->
<div id="microbanner">
	<div class="section_top"></div>
	
	<div class="section_middle">
		<p class="microbanner" id="microbanner_left">
			<a href="#"><img alt="Super Banner Title" height="90" src="http://www.apfeltalk.de/forum/images/microbanner_left.jpg" width="236" /></a>
		</p>
		
		<p class="microbanner" id="microbanner_center">
			<a href="#"><img alt="Super Banner Title" height="90" src="http://www.apfeltalk.de/forum/images/microbanner_center.jpg" width="236" /></a>
		</p>			
		
		<p class="microbanner no_right" id="microbanner_right">
			<a href="#"><img alt="Super Banner Title" height="90" src="http://www.apfeltalk.de/forum/images/microbanner_right.jpg" width="236" /></a>
		</p>
		
		<div class="clear"></div>
	</div>
	
	<div class="section_bottom"></div>
</div>
<!-- /microbanner -->

Hier ist der CSS-Code:

/* @group microbanner */
#microbanner .microbanner {
	float: left;
	margin-right: 10px;
}

	#microbanner .microbanner img {
		display: block;
	}
/* @end group */

Thanks,
Max


Edit: Gelöst! Lag mal wieder an einem leeren <div>!

 

[Bajuware]

#microbanner .microbanner {
float: left;
margin-right: 10px;
}

*html #microbanner .microbanner { display:inline; }

 

[mschoening]

Hi,
nein daran lag es nicht sondern an dem leeren <div class="clear"></div> (entweder font-size: 10px; deklarieren oder .clearfix:after verwenden)!

LG,
Max