Problema di box model su liste?

[sikkolo]

Ciao a tutti, vi scrivo perchè sto realizzando uno dei miei primi siti interamente in CSS, lo trovate all'indirizzo: http://www.imaybestupid.com/clienti/arq/

Su firefox per PC è tutto ok mentre su IE i pulsanti bianchi in alto a DX sono molto distanziati uno dall'altro.

Qualcuno mi può illuminare?

Se fossero DIV metterei un DIV ad altezza fissa per creare uno spazio tra un pulsante e l'altro ma li ho fatti come liste, in questo caso cosa dovrei fare?

Un altra incongruenza che ho notato è che on hover su firefox il link non è evidenziato mentre su IE si.

Grazie a chi vorrà indicarmi una strada.
Luca

[ricman]

Non ho guardato il codice... magari ti dico una banalità...

Hai provato ad "azzerare" i margin e i padding dei vari UL LI A ?

[sikkolo]

Ciao, grazie dell'aiuto oggi a mente lucida ho risolto:
non avevo messo display:inline è quello che causa l'eccessivo spazio tra i vari[*] in IE
Ciao,
Luca

[ricman]

Originariamente inviato da sikkolo
Ciao, grazie dell'aiuto oggi a mente lucida ho risolto:
non avevo messo display:inline è quello che causa l'eccessivo spazio tra i vari[*] in IE

Mah... non sono convinto... display:inline non serve certo a mettere una cosa sotto l'altra...!

[Mich_]

Originariamente inviato da ricman
Mah... non sono convinto... display:inline non serve certo a mettere una cosa sotto l'altra...!

Assomiglia molto ad un vecchio hack per IE.
Quando IE usa i float, raddoppia i margini. Pero` se questi float sono anche inline il raddoppio non avviene piu`.
Dato che un float e` di default un blocco, non puo` essere inline, e la direttiva e` ignorata dai browser.
Ma IE la capisce come "non raddoppiare i margini".

Contento lui .... (e poveri noi che dobbiamo "correre dietro" alle sue interpretazioni).

Credo che l'intervento di sikkolo si inserisca in questa (il)logica.