contenitore centrale con menu laterale e testo centrato

[blow1986]

Ciao a tutti!

vorrei una struttura semplice un un contenitore centrato nello schermo, all'interno un menu laterale a sinistra e del testo nella parte centrale.

mi trovo in questa siutazione

<div class="art-Sheet">
  <div class="art-Sheet-body">
   
    <div class="menuL">......VOCI MENU.....</div>  
    <div class="main">...TESTO...</div>     

  </div>
</div> 

queste sono le parti di css:

.art-Sheet
{
	position: relative;
	z-index: 0;
	margin: 0 auto;
	width: 1000px;
	min-width: 55px;
	min-height: 55px;
}
.art-Sheet-body
{
	position: relative;
	padding: 8px;
	z-index:1;
}
.menuL {
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	float:left;	 
}
.main {
	text-align:center;
}

ora con Iinternet Explorer mi funziona correttamente, mentre con mozilla il menu laterale esce fuori dal contenitore centrale
(carico una immagine per chiarire, spero si capisca ma è piccola altrimento non la carica)


come posso risolvere?
Grazie 1000

[automobile]

Prova ad aggiundere un div con classe css con dimensioni nulle e clear=both.

Dovrebbe sistemare il problema, mi pare sia generato dal float.

[blow1986]

scusami dove dovrei inserire il div?

potresti postare un esempio magari completando il mio codice che sono alle prime armi con i css.

grazie

[YouON]

Prima della chiusura di art-sheet-body

[blow1986]

Perfetto!!

ora funziona!!

non ho capito bene qual'era il problema e cosa sia questo clear=both
na grazie mille!

[YouON]

Il clear:both serve a cancellare il float e a ripristinare il flusso normale del documento. Con i float ancora attivi il div contenitore non riesce a definire l'altezza del suo contenuto e rimane schiacciato su dimensioni minime.