Cornice di immagini a un div
Ho questo codice:
Codice HTML:
<div style="width:24em; float:left; text-align:center; margin-top:2em;">
<div style="width:23em;">
<div style="position:relative; margin-left:0.5em; margin-right:0.5em;"><img src="sopra.jpg" style="width:23em; height:2em;" alt=""><div style="position:absolute; left:2em; top:0.4em;">Bacheca</div></div>
<div style="float:left;"><img src="sinistra.jpg" style="width:0.5em; height:10em;" alt=""></div>
<div style="float:left; margin-left:1em; margin-right:1em; width:20em; height:10em; overflow:auto;">Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va Ciao mondo come va</div>
<div style="float:left;"><img src="destra.jpg" style="width:0.5em; height:10em;" alt=""></div>
<div style="clear:left;"><img src="sotto.jpg" style="width:23em; height:1em;" alt=""></div>
</div>
</div>
Ma il risultato è questo:
http://img182.imageshack.us/img182/2521/layout8uy.jpg
Come posso fare per formare una cornice intorno al testo principale che non sia spostata?