IE7 Bug

[MarwolTuk]

Hallo,

ich habe hier etwas das mir stark nach einem BUG im IE7
aussieht, ich aber weder hier im Forum noch im Netz finden
konnte. IE8 konnte ich noch nicht testen.

Der Code

  
<div id="div1" style="margin: 0px; clear: both;">  
 <div id="div1.1" style="margin: 0px; background-color: #ffffcc; float: left;">Text1 Text1</div>  
 <div id="div1.1" style="margin: 0px; background-color: #ccffcc; float: right;">Text1</div>  
</div>  
  
<div id="div2" style="margin: 0px; clear: both; background-color: #ffcccc;">Text2 Text2 Text2</div>  

Erzeugt ein margin nach div1, obwohl dieser eigentlich überall
auf 0 stehen sollte.

Lustiger weise klappt aber alles, wen div1 zusätzlich normalen
Text enthält.

Noch skurriler ist jedoch, das wenn die Boxen auf ein h#-Tag
folgen, der bottom-margin der Überschrift dem margin zwischen
den divs entspricht.

  
<h1 style="font-size: 15pt; margin: 0px 0px 5px 0px; background-color: #ccccff;">Test Title</h1>  
  
<div id="div1" style="margin: 0px; clear: both;">  
 <div id="div1.1" style="margin: 0px; background-color: #ffffcc; float: left;">Text1 Text1</div>  
 <div id="div1.1" style="margin: 0px; background-color: #ccffcc; float: right;">Text1</div>  
</div>  
  
<div id="div2" style="margin: 0px; clear: both; background-color: #ffcccc;">Text2 Text2 Text2</div>  

Hat jemand evtl. eine Idee damit umzugehen?
clear-divs oder display: inline; (ala IE6 float-margin Probleme)
seinen auf jeden Fall nicht zu helfen.

Danke im Voraus,
MarwolTuk