IE7 ignorirt float!?

[Sebastian]

Hallo zusammen, folgendes Problem:

<div id="logo"><img src="/images/logo.png" alt="Logo" /></div>
Lorem ipsum
<img src="/images/index.jpg" alt="index" />

>   
>   
> ~~~css

#logo{  

> 	float:left;  
> 	margin-top:100px;  
> }

FF und IE8 zeigen das index-Bild links neben dem Logo an (so wie gewünscht).
Der IE7 zeigt das bild unterhalb vom Logo an. Auch der Text ist ganz anders platziert. Warum?

FF/IE8:

******             ++++++++++
logo             +        +
******             +  Bild  +
                   +        +
       lorem ipsum ++++++++++

IE7:

******  lorem ipsum
logo

---

++++++++++
+        +
+  Bild  +
+        +
++++++++++

Versteh ich irgendwie nicht :) Jemand eine Idee?
Danke, andi

  
  
Für ie6 + ie7 musst du eine andere CSS schreiben oder die Anweisung speziell für ie6 / 7 in die aktuelle CSS schreiben, beide können nicht alle CSS Befehle wie Mozilla Ie8 usw.  
  
für ie6  
\* html  
für ie7  
\*+html  
  
somit erkennt der jeweilige Browser dass es für ihn ist und wird von anderen ignoriert.  
  
Grüße  
Sebastian