Mira, esta forma de maquetar es mucho más compatible en general:
- primero coge toda la caja <div id="sidebarright"> y colócalo justo antes de <div id="sidebar">
- elimina el padding y cambia el margin de esa caja:
Cita: #sidebarright {
background:#FFFFFF none no-repeat scroll 0%;
color:#000000;
float:right;
font-family:Tahoma;
font-size:14px;
height:auto;
margin-right:20px;
padding:8px 40px 0% 0%;
width:170px;
}
- lo mismo con sidebar:
Cita: #sidebar {style.css (line 429)
background:#FFFFFF none no-repeat scroll 0%;
color:#775B30;
float:left;
font-family:Tahoma;
font-size:small;
height:auto;
margin-left:20px;
padding:8px 1% 0% 4%;
width:150px;
}
- elimina el float left de #bloghoy, #menusitio, #menubelleza, #menusalud, #menuhogar y #text
- quita el width de #menubelleza, #menusalud, #menuhogar y #text
ejemplo:
Cita: #menubelleza {
width:150px;
Creo que de momento no hay más cambios.
Con esta manera, empezaríamos a estar en el buen camino para un diseño compatible. Aplicados esos cambios, ya es empezar a ver específicamente los detalles, porque es una buena base.