fire si IE no por que

[gustavodiazs]

Buebas tardes tengo el siguiente codigo CSS:

#shadow {
background-image: url(shadow-dis.gif) !important;
background-position: top left;
background-repeat: repeat-y;
margin: 0 auto;
width: 749px;
}

#content {
background-position: bottom right;
background-repeat: no-repeat;
border-right: 1px solid #6D6B6A;
border-bottom: 1px solid #6D6B6A;
border-left: 1px solid #6D6B6A;
margin: 0 auto;
width: 704px;
}

#content-block {
color: #000000;
padding: 0px 23px 0 8px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#side-content {
color: #8D8D8D;
float: left;
font-size: 11px;
font-weight: bold;
line-height: 1.55em;
padding-top: 12px;
padding-left: 8px;
width: 220px;
}

y este HTML

<div id="shadow">
<div id="content">
contenido
</div>
<div id="side-content">
menu
</div>
</div>

en firefox sale bien, dos columnas pero el IE solo sale una arriba de otra alguna ayuda lo agredeceria.

Saludos

[kemie]

Eso sucede porque ie esta interpretando mal los anchos de tus divs, y como no caben uno junto al otro, pasa uno hacia abajo.

Explicación sobre el modelo de cajas>>