ciao a tutti ragazzi;
gradirei avere delle "delucidazioni" in merito al BOX-MODEL;
siccome ho notato, com'è ovvio, delle differenze nei 3 browser (IE 6.0 SP1, Firefox 1.0, Opera 7.23) con cui visualizzo le pagg html, mi sono preso la briga di scrivere del codice per inserire un BOX in una pagina. Il codice CSS è il seguente:

codice:
div#box{
width:200px;
border:5px solid #900;
padding:7px;
margin:10px;
}
il risultato è che in IE ho un box di larghezza pari a 200px; ho fatto una capture della schermata ed ho misurato dall'esterno del bordo sx all'esterno del bordo dx).
mentre in Firefox 1.0 e Opera 7.23 il box misura 224px; (5px + 7px + 200px + 5px + 7px); stesso metodo di misurazione.

Ho applicato la regola di Tantek, in questo modo:
codice:
div#box{
width:224px;
border:5px solid #900;
padding:7px;
margin:10px;
voice-family: "\"}\"";
voice-family: inherit;
width:200px;
}
ma ottengo SEMPRE lo stesso risultato; vale a dire che in IE la larghezza è di 200px; (misurando come sopra)
in Firefox e Opera è sempre di 224px; stesso metodo di misurazione.
qualcosa non torna o sono io che ho commesso degli errori scrivendo il codice?

Mi potreste dare un riscontro per favore?
Grazie a tutti.
-Floyd-