problema con FLOAT en IE

[nazareno59]

[SOLUCIONADO]


Hola, estaba pasando mi sitio a divs en lugar de tablas y el método que utilizaba para poner el menú y el contenido uno al lado del otro era con float: right; y todo me estaba yendo bien hasta que lo probe en IE :(

el código CSS es el siguiente:

Código:

#contenedor{
	background: #FFFFFF;
	min-height: 500px;
	width:798px;
	overflow:auto;
	margin:0 auto;
	border: #8D9CAB 1px solid;
	border-top-width: 0;
	border-right-width: 1;
	border-left-width: 1;
	border-bottom-width: 0;
}
#menu{
	background: #ffffff url('../img/bg_menu.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	text-align: right;
	padding: 10px;
	width:130px;
	background-color:#ffffff;
	float:right;
}
#contenido{
	text-align: left;
	padding: 15px;
	width:660px;
	background-color:#ffffff;
}

y el HTML es:

Código:

<div id="header"> 
	</div> 
<div id="contenedor"> 
	<div id="menu"> 
		</div> 
	<div id="contenido"> 
		</div> 
	</div> 
<div id="creditos"> 
	</div>

Supuestamente con ese código deberían verse #menu y #contenido uno al lado del otro pero en ie se me ve uno abajo de otro :S

por que puede ser? :(:(:(

gracias de antemano! :D

editado: por si quieren ver como se ve la página la direccion es http://www.nazablog.com.ar



[SOLUCIONADO]

ya encontré el problema, y es que el IE toma el padding como se le da la regalada gana y eso hacía que los divs #contenido y #menu tuvieran un ancho mayor al del que los contenía, entonces se ponía uno abajo del otro. Lo solucioné recortando espacio x_x
si alguien sabe de una solución mas eficaz porfavor que la comente :D

[emiliodeg]

si estas probando con ie 6 o inferior te aconsejo que agreges la libreria ie7 de dean edwards