problema con float left

[Progeny]

il problema è che gli elementi venivano sovrapposti con quelli sottostanti, ho risolto usando clear:both o meglio

/* Float Container */
.floatcontainer:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.floatcontainer { display: inline-block; }
/* Hides from IE Mac \*/
* html .floatcontainer { height: 1%; }
.floatcontainer { display:block; }
/* End Hack */ 

<div class="floatcontainer">

<div class="tab_box" style="float: left; width: 250px;"><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: right;"><h4>Descrizione</h4>
  <div>
    

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

</div>