Float innerhalb eines float-Elements

[Suppenhuhn]

Hallo Leute!

Ich habe ein "kleines" Problem mit float-Elementen. Und zwar folgendes:

Ich habe zwei DIVs in denen ich Bilder mal links und mal rechts floaten:

  
#main-content {  
float:right;  
}  
  
#sidebar {  
float:left;  
}  
  
.bild-rechts {  
float:right;  
}  
  
.bild-links {  
float:left;  
}  
  
<div id="main-content">  
<p> bla bla bla bla bla bla bla <img src="xy.jpg" class="bild-rechts" /> bla bla bla bla bla bla bla <img src="xy.jpg" class="bild-links" /> bla bla bla bla bla</p>  
</div>  
  
<div id="sidebar">  
<p> bla bla bla </p>  
</div>  

Jetzt ist nur das Problem, dass das rechts gefloatete Bild auch nach rechts rückt, das links gefloatete jedoch nicht nach links rückt.
Wo liegt mein Fehler?

Würde mich auf Hilfe freuen!
Robert

[jobo]

Hallo,

Wo liegt mein Fehler?

vielleicht hilft der Link hier?

Gruß

jobo