Problema box con sfondo ad altezza auto

[psycol]

Devo raggiungere questo risultato:

http://www.designqb.net/scheda.jpg

L'altezza dev'essere auto perchè il testo è caricato dinamicamente...

Solitamente lo ottengo con 3 div annidati inseriti all'interno di un altro div (codice sotto); il problema è che appena vado ad inserire all'interno altri 2 div, uno float left (x la descrizione) e uno float right (x le immagini), mi scompare lo sfondo!!! Qualcuno mi sa dire se c'è qualche incopatibilità o se ci sono altri modi per farlo? Help grazie!

div#boxdxscheda {
float:right;
display: inline;
width: 575px;
}

.scheda_middle {
background-image: url(../img/scheda_middle.gif);
background-repeat: repeat-y;
background-position: left;
width: 100%;
height: 100%;

}
.scheda_top {
background-image: url(../img/scheda_top.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 100%;
height: auto;
}
.scheda_bottom {
background-image: url(../img/scheda_down.gif);
background-repeat: no-repeat;
background-position: bottom left;
width: 100%;
height: auto;
}


<div id="boxdxscheda">
<div class="scheda_middle">
<div class="scheda_top">
<div class="scheda_bottom">

</div>
</div>
</div>
</div>

[psycol]

Ho scoperto che mettendo min-height funziona in IE ma non si ridimensiona in FF... aiuto! Come faccio?