Web difente en mozilla y explorer... tiene arreglo?

[aruizroldan]

Hola a todos. Tengo una web colgada en http://www.kratera.com/mbacocss. Y varios problemas: el primero es que en explorer no sale la barra de arriba pegada al contenido central, y en mozilla si. ¿Como se podria cambiar?
El segundo es con respecto a la imagen de informacion y al texto. Que quiero que aparezcan justo en medio de la barra de abajo. Os paso los codigos:

HTML:

Código PHP:

  <div id="cabecera">
<div id="textocabecera">
MUSEO de BELLAS ARTES de Córdoba
</div>
</div>
 
<div id="menu1">
<div id="menuinterior">
<div id="textomenu">
<a href="#" class="planta">EXTERIOR</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#">Plaza del Potro</a> 
&nbsp;<font id="separador">|</font>&nbsp; 
<a href="#">Patio Interior</a>
</div>
</div>
</div>
 
<div id="menu2">
<div id="menuinterior">
<div id="textomenu">
<a href="#" class="planta">PLANTA BAJA</a>&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="#">Recepción</a> 
&nbsp;<font id="separador">|</font>&nbsp; 
<a href="#">Sala IV : Arte Barroco Córdobes</a> 
&nbsp;<font id="separador">|</font>&nbsp; 
<a href="#">Sala V : Arte Córdobes Siglos XVIII y XIX</a>
&nbsp;<font id="separador">|</font>&nbsp; 
<a href="#">Sala VI : Arte Córdobes Siglo XX</a> 
&nbsp;<font id="separador">|</font>&nbsp; 
<a href="#">Escalera</a>
</div>
</div>
</div>
 
<div id="menu2">
<div id="menuinterior">
<div id="textomenu">
<a href="#" class="planta">PLANTA ALTA</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#">Escalera</a> 
&nbsp;<font id="separador">|</font>&nbsp; 
<a href="#">Sala I : Dibujos y Estampas</a> 
&nbsp;<font id="separador">|</font>&nbsp; 
<a href="#">Sala II : Arte Córdobes Medieval y Renacentista</a>
&nbsp;<font id="separador">|</font>&nbsp; 
<a href="#">Sala III : Arte Manierista Cordobés</a> 
</div>
</div>
</div>
 
<div align="center">
<div id="viewerarriba">
<img src="Images/fondo-piezas.gif" align="right" />
</div>
 
<div id="barrasuperior">
</div>
 
<div id="viewermedio">
<div align="center">
  <object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93"
        codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_04-windows-i586.cab#Version=1,5,0,40"
        width="730" height="365">
    <param name="type"       value="application/x-java-applet;version=1.5" />
    <param name="code"       value="ptviewer.class" />
    <param name="archive"    value="./ptviewer/ptviewer.jar" />
    <param name="scriptable" value="true" />
    <param name="file"      value="sala3-manierismo.jpg" />
    <param name="barcolor"  value="EBEBEA" />
    <param name="antialias" value="true" />
    <param name="panmax" value="180" />
    <param name="panmin" value="-180" />
    <param name="tiltmax" value="180" />
    <param name="tiltmin" value="-180" />
    <param name="hotspot0"  value=" X53.1 Y57.8 n'Sala 2' t'_self' u'sala2-2-medievoyrenacimiento.html'" />
    <embed type="application/x-java-applet;version=1.5" code="ptviewer.class" archive="ptviewer/ptviewer.jar" width="730" height="365" align="middle" scriptable="true" pluginspage="http://java.sun.com/update/1.5.0/jre-1_5_0_04-windows-i586.xpi"
file="sala3-manierismo.jpg"
barcolor="EBEBEA"
antialias="true"
panmax = "180"
panmin = "-180"
tiltmax = "180"
tiltmin = "-180"
hotspot0= "X53.1 Y57.8 n'Sala 2' t'_self' u'sala2-2-medievoyrenacimiento.html'"> </embed>
  </object>
</div>
</div>
 
<div id="barrainferior">
<img src="Images/boton-info.gif" id="informacion">
<font id="dondeestamos">VISITA VIRTUAL   |   SALA II: ARTE CORDOBÉS MEDIEVAL Y RENACENTISTA</font>
</div>
</div> 
   

CSS:

Código PHP:

  #cabecera { 
    background: url(Images/fondo-arriba.gif) repeat top left; 
    margin-top: 10px; 
    width: 100%; 
    height: 87px;
    }
 
#textocabecera {
    text-align:center;
    padding-top: 10px;
    font-family: "Verdana";
    color: #B44101;
    font-size: 20px;
    font-weight:bold;
    }
 
#menu1 {
    background: url(Images/fondo-menu-1.gif) repeat top left; 
    margin-top: 5px; 
    width: 100%; 
    height: 18px;
    }
 
#menu2 {
    background: url(Images/fondo-menu-2.gif) repeat top left; 
    margin-top: 0px; 
    width: 100%; 
    height: 17px;
    }
 
#menuinterior {
    width: 900px; 
    height: 18px;
    margin:auto;
   text-align:left;    }
 
#textomenu {
    padding-top: 2px;
    padding-left: 20px;
    font-family: "Verdana";
    color: #B44101;
    font-size: 10px;
    font-weight: bold;
    
    }
 
a:link , a:visited { 
    font-family : "Verdana"; 
    text-decoration: none; 
    color: #000000;
    font-size: 10px;
    font-weight: normal;
    }
 
a:hover { 
    text-decoration: underline; 
    }
    
a:active {
    font-weight: bold;
    }
 
a.planta:link , a.planta:visited { 
    font-family: "Verdana";
    color: #B44101;
    font-size: 10px;
    font-weight: bold;
    }
 
a.planta:hover { 
    color: #F3E5C8;
    text-decoration: none;
    }
    
#separador {
    color:#000000;
    }
 
#viewerarriba { 
    margin-top: 10px; 
    width: 774px; 
    height: 18px; 
    margin-bottom:0px;
    }
 
#barrasuperior {
    width: 774px; 
    height: 11px;
    background: url(Images/viewer-superior.gif) no-repeat;
}
 
#viewermedio {
    background-image: url(Images/viewer-central.gif);
    margin-top: 0px;
    margin-bottom:0px;
    width: 774px; 
    height: 365px;
    
    }
 
#barrainferior {
    margin-top: 0px;
    width: 774px; 
    height: 26px;
    background: url(Images/viewer-inferior.gif) no-repeat;
    }
 
#barrainferior #informacion {
    vertical-align:bottom;
    margin-left: 20px;
    float : left;
    }
 
#barrainferior #dondeestamos{
    font-family: "Trebuchet MS";
    color: #000000;
    font-size: 11px;
    vertical-align:bottom;
    margin-left: 200px;
    float: left;
    } 
   

Un saludo.

[El sillero]

No se puede acceder a la web