Wie verhält sich ein div ohne border

[Bla]

Hallo!

Nachdem googeln nicht geholfen hat darf ich hier mal nachfragen :-)

Folgendes Beispiel:
div1, div2 und div3 beinhaltet irgendeinen Text und wird vom wrapper umschlossen.
Der Text aus div2 soll div1 rechts umfließen und einen Abstand von 50px von oben haben.
Der Text aus div3 soll darunter stehen.

Mit unten angeführten Code funktioniert das auch.
Wenn der wrapper jetzt jedoch keinen Rahmen haben soll (border-width: 0px oder border-style: none) funktioniert das nicht mehr und verhält sich so als würde der wrapper gar nicht existieren. Außerdem hat dann div2 keinen Abstand von 50px von oben.

Kann mir das Verhalten jemand erklären oder mir sagen wie man das korrekt löst? Meine einzige Idee wäre die border-color auf transparent zu setzen. Ist aber irgendwie unschön.

Danke!

HTML:

  
<div id='wrapper'>  
  
    <div id='div1'>  
        aaaaa <br />  
        aaaaa <br />  
        aaaaa <br />  
        aaaaa <br />  
        aaaaa <br />  
        aaaaa <br />  
    </div>  
  
    <div id='div2'>  
        bbbbb  
    </div>  
  
    <div id='div3'>  
        ccccc  
    </div>  
  
</div>  

CSS:

  
#wrapper  
{  
  border-width: 1px;  
  border-color: black;  
  border-style: solid;  
}  
  
#div1  
{  
  float:left;  
}  
  
#div2  
{  
  margin-top: 50px;  
}  
  
#div3  
{  
  clear: both;  
}