pixel di troppo con javascript

[cianux]

Ciao a tutti,
ho necessità di risolvere un problema e non sono riuscito a trovare in rete notizie in merito.

Espongo:
nella barra di un menù orizzontale due pulsanti in particolare contengono immagini di 24px di altezza e rispettivamente il codice JS onclick="history.go(-1); return false;" e onclick="history.go(1); return false;" per tornare indietro e andare avanti nella cronologia di esplorazione del sito.
Il problema è che in Firefox questa cosa introduce 2 pixel alla base di tutta la barra che diventano fastidiosamente evidenti quando il mouse si trova sopra qualsiasi bottone del menù (che cambiano colore per una proprietà a:hover inserita in un css).
C'è un modo per evitare che non vengano visualizzati questi 2 pixel, senza dover modificare gli elementi grafici (soluzione già provata ma poi il problema si riflette sulla visualizzazione in IE )

Grazie in anticipo a tutti quelli che vorranno rispondere!

[artorius]

hai il sito raggiungibile?

[Virus_101]

Prova a sistemare con qlke hack css

tipo

.menu
{
/*Firefox*/
height:20px !important;
/*IE*/
*height:22px ;

}

Senno posta il link.

[cianux]

Chiedo scusa per il ritardo...
dunque... grazie al suggerimento di Virus_101 ora il sito è a posto in FF, ma il problema si è trasferito su IE7 (ancora non mi sono cimentato con ottimizzazioni per IE 6 e precedenti, Opera etc...).
Il sito lo potete vedere all'indirizzo:
http://www.ivsnonsolobagno.com/prova/index_ff_2.htm
come noterete il primo e ultimo link della barra di navigazione rispondono bene, nel senso che al passaggio del mouse tutta l'area diventa blu, mentre gli altri presentano la fastidiosa banda di due pixel che rimane rossa. In più il menù a tendina in IE7 lascia uno spazio tra i pulsanti che non permette la scelta della voce.

Questi sono i CSS associati:
http://www.ivsnonsolobagno.com/prova...leivs_ff_2.css
http://www.ivsnonsolobagno.com/prova...ropdn_ff_2.css
http://www.ivsnonsolobagno.com/prova/css/iefix.css

Grazie per i già preziosi consigli e per quelli che mi potrete dare.

[Virus_101]

Urka sono di strafretta ora ci do un occhio appena ho tempo scusami .

[cianux]

P.S.: ho già provato a ridurre la dimensione della barra a 22px nel CSS per IE senza risultati

Un'ultima domanda: è normale che l'introduzione di codice JS generi questi pixel aggiuntivi o secondo voi sono i miei css ad essere "malformati"?

[artorius]

non sarà perché l'li è di un pixel più alto del tag anchor?

[cianux]

Forse non ho capito bene a cosa ti riferisci artorius. Ho provato a modificare (in locale) la proprietà ul#dropdn li abbassando il parametro height da 26px a 24px, ma non cambia niente.
In ogni caso grazie per l'interesse al mio caso (clinico?)

[Xinod]

sembrerebbe ancora tutto dipendere dal css,
sposto

[Virus_101]

Allora ho dato un occhio alla pagine e quell'errore lo sembra presentare soleamente ie.

I menu li hai fatti con ul-li ..... mmmm sai che ogni browser li gestisce a modo suo.
Dal canto mio visto che solo ie rompe usa un hack css per ie.
Metti un "*" oppure un "_" davanti alle istruzioni css che vuoi vengano lette solamente da ie.

come

li
{

height:20px !important;
*height:18px;/*ie hack*/

}

oppure prepara 2 css distinti in base al browser.
Se ie carica il css per ie senno carica l'atro css.