Problema con margen y padding CSS fuera de caja

[daenor]

Bonez!!
Excelente el link. La siguiente linea lo expresa:
"El ancho de la caja está dado por la suma de los márgenes, bordes y rellenos izquierdos y derechos, y el ancho del contenido. La altura está dada por la suma de los márgenes, bordes y rellenos superiores e inferiores, y la altura del contenido."
Hay alguna manera de manipularlo mediante CSS2?
Porque al parecer, lo mas adecuado entonces es hacer un ancho no del 100% (sino mas chico) para que entre correctamenet en su contenedor, no es asi?


flashmax
Mas que codigo, es una cuestion de concepto mio. Te pego aqui un ejemplo de lo que digo:



Y espera que escribo el codigo...

Código HTML:

<div style="width:300px; background-color:#9C3; padding:10px;">
    <div style="margin:10px; padding:10px; width:100%; background-color:#FF9;">
        CAJA INTERNA QUE SE SALE DEL CUADRO
    </div>
</div>
 

Como resolverias este tema?
Saludos!