altezza div vuoto

[i_am_antipop]

ciao, ho un problema con l'altezza di un DIV (il div è vuoto).

Con Firefox vedo l'altezza esatta, con Explorer invece no! Rimane più alto.

DIV#box {
background-color : #EBF2F8;
margin-left : 8px;
margin-right : 8px;
margin-top : 0;
margin-bottom : 0;
padding : 0;
height : 4px;
}


<DIV id="box"></DIV>

Come posso rimediare?

grazie

[salasir]

L'argomento è già stato trattato + volte.
In effetti un div vuoto ... praticamente non esiste ... e correttamente FF non lo dimensiona finchè non contiene qualcosa.
La domanda, forse dovrebbe essere: a cosa mi serve un div vuoto?
Se è per questioni di layout, forse si può operare altrimenti.

[seed_squall_it]

Concordo in pieno con salasir, anche se a volte i div vuoti possono tornare utili per evitare ad es. i problemi del box model di IE 5 (tipo applicare un "bordo" a un div con dimensioni specificate senza utilizzare il border, che risulterebbe compreso nell'altezza/larghezza del div stesso, oppure per "ripulire" un float all'interno del box contenitore degli elementi flottanti, risolvendo così un bug di Netscape 6). Chiaro che non bisogna abusarne, ma non mi sembra il tuo caso.

Per il tuo problema, la colpa come al solito è di IE che assegna un'altezza minima di default a tutti i div, compresi quelli vuoti! Per IE tutti i div hanno sempre un'"altezza minima" di una decina di pixel. Ti basta dichiarare font-size: 1px nella regola di stile del div vuoto in questione per risolvere.

[i_am_antipop]

grazie a tutti per la spiegazione e la soluzione.

ciao