aplicacion de padding = aumento de tamaño de la ventana

[Rafael]

Ciertamente el problema es la implementación del modelo de caja, y también prefiero el modelo de caja de Ie, aunque Mozilla lo implementa como viene en la especificación Css2, en la Css3 parece que van a venir los 2 modelos de caja.

Si el problema es de la manera en que se interpreta por el navegador, la solucuón no creo que sea anidar divs, es casi lo mismo que usar tablas. Más bien es trabajar un poco con el archivo css, para no tocar tu código html.

Para eso están los un poco polémicos "hackeos", básicamente es poner dos instrucciones css, una la entiende un navegador y otra no. El que te puede resultar más útil y sencillo a mi parecer es poner la instrucción general como la interpreta Mozilla primero y luego una excepción para Ie.

Por ejemplo si tu caja la necesitas de 100px.

div.100 {width: 90px; padding: 5px;}
* html div.100 {width: 100px;}

El primero hará que 90+5+5=100 y el segundo leerá el padding: 5px del primero y después usará el width=100 con el mismo padding 5px adentro.

Los margins funcionan igual en ambos casos.