[css] separatori all'interno di una lista [era: Aiuto per esperti css]

sono nuovo di altervista e per l'occasione ho voluto provare a fare un nuovo sito web
http://bloodex.altervista.org/
ho però un problema e per quanto piccolo mi dà fastidio...
premetto ke sto creando questo sito con firefox ma ho trovato un problema con internet explorer (voi stessi potete notarlo), ho voluto inserire una sorta di divisorio nel menu laterale appena sotto il logo posta.
il divisorio l'ho creato usando un div alto 1px con un bordo superiore di 1px
firefox lo mostra perfettamente mentre si iexplorer il div ha un'altezza indefinita intorno ai 10px... come posso risolvere questo problema di compatibilità?

Citazione:

---

Originalmente inviato da bloodex

ma ho trovato un problema con internet explorer (voi stessi potete notarlo)

---

Non c'era bisogno di nominare quel "browser". Tanto è sempre colpa sua.

Citazione:

---

come posso risolvere questo problema di compatibilità?

---

In modo assolutamente ovvio: per quel div devi impostare il font alla dimensione di 1px. Visto che IE interpreta height come min-height lo allarga quel tanto che basta per farci stare una riga di testo, anche se di testo non ce n'è (evviva).

Altra soluzione potrebbe essere quella di dare al div lo sfondo del menu, in modo da rendere visibile solo il bordo superiore.

saitfinder, ho provato come dici tu ma il risultato non è lo stesso, maledizione ora sono bloccato... cmq dalla tua firma ho notato che usi opera, potresti dirmi se con quel beowser funziona?

Ma cos'è che soluzione hai adottato?

Con Opera tutto ok (ovviamente)

quella di impostare il font-size a 1px
quella dello sfondo che mi hai proposto tu nn è esattamente quello ke voglio fare
non ci sono altre dritte che voi guru del computer potete suggerirmi?

Semanticamente, è sbagliato usare un div per la separazione. Se le due liste di link sono concettualmente separate, separale e dai alla seconda un bordo superiore, altrimenti usa un <hr/> opportunamente personalizzato via css (che anch'esso può dare problemi sotto IE).

Entrambi i metodi risolvono il problema dell'altezza che dipende dalla dimensione del testo.

aaaaa maledizione... continuo ad avere problemi con lo stesso sito questa volta xò riguarda un form modificato che fà una ricerca su google posizionato in alto a destra... funziona correttamente con firefox ma iexplorer mi dà problemi, potreste darmi una mano anche questa volta...

vi aggiungo che questa volta i css sono in parte anche nell'html