Problema visualizacion IE CSS

[argoz1022]

Hola a tod@s, tengo un problema con mi pagina web, estoy aprendiendo a maquetar en DIVS, y en firefox,chrome y IE seven muy bien,

pero el problema radica en IE cuando maximizo o cambio de tamaño la ventana el menu desaparece y me toca acualizar, la verdad nse cual sea el problema en el CSS asi que veanlo por ustedes mismos.

Esta es mi pagina: http://www.xpressive-studio.com/home/


Pruebenlo en los distintos exploradoress y por ultimo en IE.
cabe notar que apenas la estoy preparando en resolucion 1280*1024 por ahora nose como se vera en las demas resoluciones.

Tambien la cabezera la trabaje con imagenes que se mueven al contacto con el mouse para asi mostrar un efecto hover sin recargar la web.

Espero me puedan ayudar la verdad nose en que fallo.
gracias.

ACA el HTML de la cabezera.

Código HTML:

<div id="cabeza">
  
   <div id="botonera">
        
     <div id="logo"><p><a href="index.html">logo</a></p></div>
     <div id="servicios"><p><a class="principal" href="#">inicio</a></p></div>
     <div id="portafolio"><p><a class="principal4" href="#">portafolio</a></p></div>
     <div id="contacto"><p><a  class="principal5" href="#">contacto</a></p></div>
     <div id="acerca"><p><a class="principal2" href="#">acerca</a></p></div>
            
  </div>
</div>
 

ACA el CSS

Código CSS:

/************************** BOTONERA**************************/
 
#botonera{ height:121px;}
 
#cabeza{ height:121px; background:url(../images/cabeza.png) no-repeat;  width:1020px;}
 
#logo{ width:368px;
    height:121px;
    float:left;
}
 
#acerca, #servicios, #portafolio, #contacto{ background-repeat:no-repeat; float:left; }
        
#cabeza p a{ display: block;
             position: relative;
             text-indent: -9999px;
             height:121px; }
          
 
/************************   MOUSE OVER *****************************/
 
a.principal{
display: block;
text-decoration: none;
background: url(../images/servicios.png) no-repeat left top;
width:139px;
margin-left:4px;
}
a.principal:hover {background-position: left bottom;
}
/****************************************/
a.principal2{
display: block;
text-decoration: none;
background: url(../images/acerca.png) no-repeat left top;
width:139px;
margin-left:8px;
}
a.principal2:hover {background-position: left bottom;}
/*******************************************/
/*a.principal3{
display: block;
text-decoration: none;
background: url(../images/serviciosprueba.jpg) no-repeat left top;
width:139px;
}
a.principal3:hover {background-position: left bottom;
}*/
/*******************************************/
a.principal4{
display: block;
text-decoration: none;
background: url(../images/portafolio.png) no-repeat left top;
width:139px;
margin-left:5px;
}
a.principal4:hover {background-position: left bottom;}
/**********************************************/
a.principal5{
display: block;
text-decoration: none;
background: url(../images/contacto.png) no-repeat left top;
margin-left:12px;
height:121px; width:139px;
}
a.principal5:hover {background-position: left bottom;
}
 

[argoz1022]

Ya lo arregle....