Div og Float

På mine side, http://www.ladefoged-roenne.dk har nogle bokse, hvor toppen består af to divs der er sat op med float ved siden af hinanden:

html'en for en boks:

<div>
<div class="bokstop">Overskrift</div>
<div class="bthoejre"><img src="/grafik/bthoejre.png"></div>
<div><img src="/grafik/mikrogif.gif"></div>
<div class="boksindhold">
Indhold
</div>
</div>

Css:

div.bokstop
{
    background-color: #3a3a3a;
    border-color: #000000;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    color: #ffffff;
    float: left;
    font-weight: bold;
    height: 16px;
    width: 106px;
   
div.bthoejre
{
    float: right;
}

Men der opstår et lodret mellemrum mellem de to divs, hvordan får jeg det væk ?

(Helst ikke en løsning med tables, det vil jeg gerne undvære :-))