Fragen zu float

[Bla]

Hallo!

Hab jetzt schon eine Weile gegoogelt. Leider bin ich nicht fündig geworden. Ihr werdet mir aber sicherlich weiterhelfen können.

Ich will zwei div-Elemente nebeneinander ausrichten. Dazu verwende ich das (aufs wesentliche gekürzte) CSS

  
div#d1  
{  
width: 100px; height: 40px;  
padding: 5px; margin: 5px;  
border: 2px solid #0078FF;  
float: left;  
}  
  
div#d2  
{  
width: 100px; height: 40px;  
padding: 5px; margin: 5px;  
border: 2px solid #0078FF;  
}  

Ich dachte eigentlich, dass dann das zweite div um das erste rechts herumfließt. Es überdeckt das erste aber. Gebe ich bei dem zweiten auch float: left; an funktioniert das wie gewünscht. Die div-Elemente liegen dann genau nebeneinander.

Soweit so gut. Allerdings verstehe ich es nicht. Kann mir das wer erklären?
Danke!