Problema con box in css

[muse85]

ho un div contenitore fatto così:

#container {
width: 800px;
height: auto !important;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom:0px;
border: 1px solid #C36D6B;

background:#fff;
}

voglio inserire delle box in orizzontale (3 per ogni fila)
io le ho fatte così:

.box2
{
 background: #FFF url(../images/content_header.jpg) top repeat-x;
 border: solid 1px #576C85;
 padding:6px;
 height:160px !important;
 float:left;
 width: 266px;
 margin-top:2px;
 margin-right:5px; 
 margin-left:5px;
 margin-bottom:10px;
 font-family: "Arial";
 font-size: 10px;
 color:#3B495A;
}

ma me li mette uno sotto l'altro dove sbaglio??

Ho messo il codice tra gli appositi tag. La prossima volta usalo anche tu.
Scusa è che non sapevo come farlo!!

[muse85]

Nessuno mi da una mano??

forse ti può venire utile usare un elenco puntato per ottenere l'effetto che vuoi...

per esempio:
http://css.maxdesign.com.au/listamatic/horizontal02.htm

[muse85]

i box li ho già fatti il mio problema è che non si posizionano orizzontalmente me ne mette uno e poi va a capo!!

appunto... ti suggerivo di provare a tenerli allineati con un elenco puntato... quello era un esempio...


poi vabbè, scusa se non ho centrato il punto.

[muse85]

no ok adesso provo