2 divs in div nebeneinander?

[Vision]

Hallo,

ich habe schon wieder ein div Problem:

div.minibox {

background-color: transparent;
  border-right: 1px solid #669999;
  padding: 5px;
  width: 20%;
  float: left;
}

div.maxibox {

background-color: transparent;
  padding: 5px;
}

<div>

<div class="minibox">
   viel bla und noch mehr
 </div>
 <div class="maxibox">
  blalalalal
 </div>

</div>

Wie bekomme ich die divs minibox und maxibox gescheit nebeneinander?
Im Endeffekt sollten es 2 Zellen nebeneinander sein, wie in einer Tabellenzeile. ALso ob ich da mit float überhaupt richtig bin weiß ich nicht.
Mozilla und Opera machen es zumindest halb richtig, allerdings klebt da der Text von maxibox direkt an minibox und ist auch nicht zum Abstandhalten zu bewegen.
Im IE 6 ist maxibox überhaupt gleich unter minibox.

mfg Vision