Div 10px quadrate IE

[agenti]

salve,
sto cercando di creare delle div di piccole dimensioni (8px) perfettamente quadrate.
Su FF 2.0 tutto fila..

ma su explorer 7 la cosa non va

<style>
.free
{
background-color:#009900;
height:10px;
width:10px;
display:block;
}
</style>

<div class="free" ></div>

come risolvere ?
Grazie.

[Mich_]

Un po' generica come domanda ... cosa succede in pratica? sono piu` grandi, piu` piccole, troppo alte/basse/larghe/strette, ...

Comunque ti do un paio di risposte, prese tra le piu` gettonate:
- IE non permette blocchi di altezza inferiore al carattere che potrebbero contenere (indipendentemente dal fatto che ci sia effettivamente qualcosa dentro): per questo basta che metti font-size: 0;
- in IE l'attributo width vale come min-width degli altri browser: a seconda delle situazioni, puoi passare ad una DTD XHTML Strict (anche IE si comporta bene con tale DTD), oppure puoi coreggere mediante JS (fa' una ricerca nel forum per sapere come - io non lo ricordo).