lista inline e posizionamento verticale testo

[zenofonte]

Salve a tutti.
vorrei creare una lista a tab inline. ecco xhmtl e css

<ul id="lista">
<li id="current">lista1[*]lista2[*]lista3[*]lista4[/list]

ul#lista {
list-style: none;
margin: 0;
padding: 0;
}
ul#lista li{
text-align : center;
padding: 0px 30px 0px;
display:inline;
}
ul#lista li#current{
??????
}

cosa devo mettere in li#current affinché il testo "lista1" sia 4 pixel più in alto (o più in basso) rispetto la riga delle altre voci? soluzione che non sia utilizzo di position relative con il relativo bottom.

grazie in anticipo.
zeno

[fcaldera]

prova così... (non ho modo di testare ora)

ul#lista {
  margin : 0;
  padding: 0;
  list-style-type : none;
}

ul#lista li{
  text-align : center;
  padding: 0px 30px 0px;
  float: left;
}

ul#lista li#current{
  margin-top : -4px;
}

ciao

[zenofonte]

Ciao

grazie per la risposta pronta.
allora.
funziona.

a complicar la cose c'è il fatto che ho optato per la versione inline perché con float:left non riesco a "dominare" l'immagine in background che vorrei piazzare sopra la tab (e che non ho riportato per non complicare il css).

in buona sostanza. per poter inserire un'immagine che sovrasti la voce con float:left il background tende a finire al di sotto della linea.
riesco a visualizzarla sopra solo giocando con padding-bottom e degli height ma è una soluzione secondo me decisamente poco pulita.
credo che sia anche per questo che in questo articolo si utilizzi la versione inline.

[zenofonte]

mi auto rispondo...

ho trovato Questo articolo , dove credo possa fare un bel po' di sano reverse engeneering e capire come dominare questa parte dei Css.

Css che sto affrontando sempre più affascinato ma con un approccio un po' troppo poco metodico per fare le cose come vorrei e come vedo fatte [là dove son fatte più che bene].

Qualche testo da consigliare, non proprio basic?
[raccomandazioni W3C a parte]

ciao e grazie