Con Mozilla y con IE7 se ve bien pero con el 6 se me ve descolocado.
La parte de abajo se me ve el fondo negro hacer la prueba y vereis, he estado probando cambiando varias cosas pero no consigo que se vea bien.
Código CSS:
Ver original
body {font-family:"trebuchet ms", Tahoma, Verdana, Arial, sans-serif; text-align:center; margin:0px;font-size:13px;background:url(../imagenes/fondo.gif);background-repeat: repeat-x;background-color: #c8e7ff; padding: 0px;height:100%} #pagina{width:850px;height:100%; text-align:left;margin:auto;margin-top:0px;background:#000;border:15px solid #FF8000;border-width:0px 1px 0px 1px;;top:0px} #cabecera {width:850px;height:110px;background:url(../imagenes/imagen_cabecera.jpg);top:0px} #lateral{width:128px;padding:10px;background:#000;float:left} #contenido{width:662;padding:10px;background:#fff;float:left;} #pie{width:830px;clear:left;padding:10px;background:#FF8000;color:#fff;bottom:0px;position:relative;} #scroll { width:682px; height:360px; overflow:auto; } #lateral a {color:#fff;text-decoration:none;} #lateral li a {color:#fff;text-decoration:none;font-size:1.2em;text-align:center;} #lateral a:hover {color:#FF8000;} #lateral ul {list-style-type:none;margin:0px;padding:0px;} #lateral dl {color:#FF8000;} #lateral dd{margin:0px;margin-top:5px;border-bottom:1px solid #9E4299;} #lateral dt {font-weight:bold;font-size:1.2em;} a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; }