Problemi con il BOX-MODEL

[floyd46]

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:

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:

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-

[pacovox]

Controlla se hai inserito il doctype nella pagina, se non lo hai fatto IE6 si comporta come IE5 ma la tecnica di Tanteck non ha effetto in quanto è basata su dei bug di IE5.

Può essere anche che tu abbia inserito il doctype ma anche il prologo xml, anche in questo caso IE6 va in modalità retrocompatibile.
Magari prova a cambiare hack:
http://www.ecologiadeisitiweb.it/mt/archives/000064.htm

[floyd46]

ciao pacovox
in effetti è presente nella pagina sia il prologo XML che il doctype.
Vedrò il sito che mi hai segnalato.
Grazie ancora.