Mira, en la hoja de estilo tienes un lio muy considerable. Cambia estos selectores que son los que he modificado:
Cita: #contenedor {
background: url(img1/Various0124_M.jpg) no-repeat;
height: 830px;
width: 780px;
margin: 0 auto;
line-height: 1.7em;
padding-top: 20px;
}
#contenedor #cabezera {
background-image: url(img1/Various0158_2_S.JPG);
border: 2px solid #999999;
border-top: 2px solid #000000;
width: 688px;
height: 200px;
font-family: "Courier New", Courier, monospace;
margin: 0 auto;
}
.menusup {
padding-left:0px;
width: 696px;
margin:0 auto;
list-style:none;
height:35px;
border-bottom:1px solid #444;
background: #fff url(img1/fondo.gif);
}
#contenedor #contenidolateral {
background: url(img1/Paper0035_M.jpg) no-repeat;
border: 2px solid #000000;
margin: 50px 0 0 5px;
float: left;
color: #fff;
height:386px;
width: 130px;
}
#contenedor #contenido {
margin-top: 25px;
margin-left: 40px!important;
margin-left: 20px;
float: left;
padding: 25px;
background: url(img1/sign.jpg) no-repeat;
width: 514px;
height: 453px;
}
#contenedor h1{margin-top: 18px;
padding:0;
}
Con esto se ve centrada, las imágenes de sustitución del menú, etcétera, y se ve igual en FF2 y 3, IE6 y 7, Chrome, Opera y Safari.
Ejemplo
No detallo los cambios porque han sido muchos, pero sólo he mirado de la CSS lo que he necesitado: necesita una limpieza a fondo.