ciao a tutti, sto provando a costruire le mie prime pagine con CSS positioning, e ho un problema. Vorrei creare un box che abbia semplicemente: un"cappello", una chiusura, e nel corpo un'immagine affiancata da un testo (il testo resta sempre di fianco a dx dell'immagine). Il corpo ha altezza variabile perchè il testo è preso da DB, e ha uno sfondo bianco, le classi di immagine e testo sono boximmg, e boximm-testo.
Non capisco perchè il testo mi parta con la prima linea di fianco e poi vada sotto, oppure vada direttamente sotto l'immagine!


----------------------------------------
.boximm {
margin-top: 22px;
margin-left:24px;
height:auto;
width: 330px;
position: relative;
float: left;
display:inline
}


.boximm-top {
width: 400x;
height:10px;
margin-left:0px;
margin-top:0px;
position: relative;
float: left;
}

.boximm-body{
width: 330px;
height:auto;
margin-top:0px;
position: relative;
float: left;
background-image:url(../img/box_centro.gif);
background-repeat:repeat-y;
display:inline;
}

.boximmg {
margin-top: 0px;
margin-left:10px;
height:auto;
width: 180px;
display:inline;
}

.boximm-testo {
width: 90px;
margin-left:10px;
color:#000066;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:8px;
position: relative;
display:inline;
height:auto;
vertical-align:top;
clear:none;

}

.boximm-down {
width: 400px;
position: relative;
float: left;
}






<div id="boximm">

<div class="boximm-top">[img]../img/box_sopra.gif[/img]</div>
<div class="boximm-body">

<div class="boximmg">[img]../adm/img_small/default.jpg[/img]</a></div>
<div class="boximm-testo">Testo che viene preso da database</div>

</div>
<div id="boximm-down">[img]../img/box_sotto.gif[/img]</div>
</div>
---------------------------------------------