Tengo esta estructura:
Código:
<div id="cabecera">
texto
</div>
<div id="izquierda">
texto
</div>
<div id="centro">
texto
</div>
<div id="derecha">
texto
</div>
Y el css:
Código:
#cabecera {position: absolute;top: 0; left: 0;height: 100px;width:100%}
#izquierda {position: absolute;top: 100px;left:0px;height:auto;margin:0px;padding:0px;width:175px;/* ie5win fudge begins */voice-family: "\"}\"";voice-family:inherit;width: 175px}
html>body #izquierda {width: 175px; /* ie5win fudge ends */}
#centro {position:absolute;width:100%;margin: 100px 174px 0px 170px;padding:0px}
#derecha {position: absolute;top: 103px;right: 0px;width: 174px}
html>body #derecha {width: 174px; /* ie5win fudge ends */}
Pues el resultado es que el div "centro" no toma el margen derecho que se le ha asignado pero si toma el width 100%, quedando su parte derecha por debajo del div derecho.
Para que nos entendamos, queda algo así:
