problema con float left

[Progeny]

codice CSS:

div.tab_box {
  padding-bottom: 5px;
  border-bottom: 1px solid #BCD2E6;
}

div.tab_box h4 {
  background: url(../images/css/tab/tab2.png) no-repeat;
  border-bottom: 1px solid #BCD2E6;
  font-size: 100%;
  line-height: 30px;
  text-indent: 10px;
}

div.tab_box h4:hover {
  color: #FF9C00;
  background: url(../images/css/tab/tab1.png) no-repeat;
} 

codice HTML:

<div class="tab_box" style="float: left;"><h4>Segno zodiacale</h4>
  <div>
    [img]images/zodiac/<?php echo($zodiac['file']); ?>[/img]
    

<?php echo($zodiac['sign']); ?></p>
  </div>
</div>

<div class="tab_box" style="float: left;"><h4>Descrizione</h4>
  <div>
    

<?php echo(nl2br(htmlentities($profile['description']))); ?></p>
  </div>
</div>

facendo così il layout viene tutto "sballato"... non ho proprio idea del perchè... qualcuno saprebbe darmi consigli?