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