Padding in FireFox

[culsd]

Ciao, creando un rettangolo:

#rettangolo { 
background-color: #fff000;
margin: 0;
padding: 2px;
width: 200px;
}

Il problema che riscontro è questo: su Internet explorer, mi visualizza un rettangolo con padding di 2px e larghezza 200px; Mentre su FireFox mi visualizza si, il padding di 2px, però la larghezza cambia, passando ai 204px (200px del 'width + 4px del padding di destra e di sinistra).

Aiuto! Come posso far visualizzare su FF e su IE ugualmente un padding di 2px con una larghezza che non varia?!

Ciao! Grazie in anticipo!

 

[borgo italia]

ciao
da che ne so io i metodi sono due:
1. non utilizzare margin e padding
2. trucco di Tantek Celik per risolvere il problema di Explorer 5.x, guarda il codice seguente

#rettangolo { 
background-color: #fff000;
margin: 0;
padding: 2px;
width: 200px;
/* Questo è il trucco per ingannare Explorer 5 */
voice-family: "\"}\"";
voice-family:inherit;
width:196px;/* width - paddingDx - paddingSx-marginDx-MargingSX= 200-2-2-0-0=196

}

/* Con questo trucco risolviamo un bug di Opera 5 */
body#rettangolo {width:196px;}

p.s.
non è tutta farina del mio sacco