immagini rollover su pagina html

[buz87]

ciao,sto facendo un sito e volevo creare il menu di navigazione con immagini rollover.l'effetto rollover riesco a farlo,però non riesco a sistemare più immagini in fila sulla stessa linea (voglio fare un menu che stia in testa alla pagina,che si sviluppi quindi in lungo..)
l'effetto l'ho fatto cn i css,il codice che ho scritto è questo:
css:
a.roll{
display: block;
width: 100px;
height: 39px;
margin: 1em;
font: bold 18px/35px "Trebuchet MS",Arial,sans-serif;
text-align: center;
text-decoration: none;
background: url(label.gif) no-repeat 0 0;
}

a.roll:hover{
background-position:0 -39px;
}

html:
<a> <a class="roll"></a><a class="roll"></a><a class="roll"></a><a class="roll"></a> </a> (per mettere 4 immagini affiancate,xo rimangono incolonnate!!)

[giacomololo]

prova con un float:left; dovrebbe funzionare, altrimenti puoi impostare le coordinate se metti position:relative;

[buz87]

ok,fatto,ora sono posizionate una affianco all'altra...pero lascia un sacco di spazio tra una immagine e l'altra..mi stanno 4 immagini e poi va a posizionarle a capo...io devo farne stare 6 sulla stessa riga...

[giacomololo]

prova a mettere border:0px; e se serve margin-left:0px; o di meno -1ox, -2px (per il margin)

[buz87]

no,nn cambia nulla...rimangono sempre spaziate di non so saranno 30-40 pixel...

[buz87]

che scemo,era impostato un po di padding...(ho preso una vecchia pag e gli sto facendo modifiche...) ok tt risolto!!! cmq grazie x l'aiuto!!!!