Problema resuelto Rafael, muchas gracias.
Ahora tengo uno nuevo jejeje, pues queriendo hacer un CSS compatible con IE (pues el que estaba trabajando lo visualizaba con Firefox), los problemas son estos:
1. El div.banner no cubre todo el ancho que deberia como lo hace en Firefox:
img107.imageshack.us/img107/5222/3of5.jpg
2. El div.abajo se repite:
img111.imageshack.us/img111/8931/4oa8.jpg
Aqui esta el CSS:
Código:
body
{
background-image:url('img/bg.jpg');
background-repeat:repeat-x;
background-color:#8C8C8C;
margin:0px 0px 0px 0px;
}
div.contenedor {
width:724px;
margin:auto;
background-image:url('img/contenido-bg.jpg');
background-repeat:repeat-y;
background-position:center;
}
div.borde-izq {
float:left;
margin-top:0px;
}
div.banner {
margin:0px auto;
height:54px;
background-image: url('img/02.jpg');
}
div.borde-der {
float:right;
margin-top:0px;
}
div.espacio-superior {
margin:-202px 6px 0px 6px;
height:13px;
}
div.menu {
margin:-4px 0px 0px 0px;
height:92px;
}
div.inicio {
margin:0px 585px 0px 6px;
}
div.tutoriales {
margin:-96px 455px 0px 136px;
}
div.afiliados {
margin:-96px 325px 0px 266px;
}
div.contacto {
margin:-96px 192px 0px 396px;
}
div.pan-diario {
margin:-96px 6px 0px 529px;
height: 92px;
background-image: url('img/09.jpg');
}
div.cuerpo {
margin:-4px -6px 0px 6px;
width: 712px;
}
div.contenido {
float: left;
width: 523px;
margin-top:0px;
}
div.anuncio {
margin:0px 0px 0px 0px;
height:82px;
background-image: url('img/10.jpg');
}
div.principal {
margin:0px 0px 0px 0px;
background-image: url('img/13.jpg');
background-repeat:no-repeat;
}
div.cajas {
float:right;
width: 189px;
margin-top:0px;
}
div.tutoriales-azar {
margin:0px 0px 0px 0px;
height:82px;
background-image: url('img/11.jpg');
}
div.afiliados-azar {
margin:0px 0px 0px 0px;
height:141px;
background-image: url('img/15.jpg');
}
div.caja-extra {
margin:0px 0px 0px 0px;
background-image: url('img/17.jpg');
background-repeat:no-repeat;
}
div.abajo {
margin-bottom:0px;
height:11px;
background-image: url('img/18.jpg');
}
div.leyenda {
text-align: center;
}
Y el HTML:
Código:
<body>
<div class="contenedor">
<div class="borde-izq">
<img src="img/01.jpg" alt="" border="0" />
</div>
<div class="borde-der">
<img src="img/03.jpg" alt="" border="0" />
</div>
<div class="banner">
</div>
<div class="espacio-superior">
<img src="img/04.jpg" alt="" width="712" height="13" border="0" />
</div>
<div class="menu">
<div class="inicio">
<img src="img/05.jpg" width="130" height="92" alt="" border="0" />
</div>
<div class="tutoriales">
<img src="img/06.jpg" width="130" height="92" alt="" border="0" />
</div>
<div class="afiliados">
<img src="img/07.jpg" width="130" height="92" alt="" border="0" />
</div>
<div class="contacto">
<img src="img/08.jpg" width="133" height="92" alt="" border="0" />
</div>
<div class="pan-diario">
</div>
</div>
<div class="cuerpo">
<div class="contenido">
<div class="anuncio">
</div>
<div class="principal">
aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />
aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />
aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />
aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />
</div>
</div>
<div class="cajas">
<div class="tutoriales-azar">
aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />
</div>
<div class="afiliados-azar">
aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />
</div>
<div class="caja-extra">
aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />
aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />
aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />
aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />aaaaaa<br />
</div>
</div>
</div>
<div class="abajo">
</div>
</div>
<div class="leyenda">Texto</div>
</body>
Gracias por su tiempo y ayuda.