Tengo una web dividida en 3 DIVs contenedores principales, Header, Content y Footer, dentro del header tengo 2 DIVs, uno para un banner y otro para la botonera de la página. Con Chrome e IE todo perfecto pero con firefox tengo un extraño comportamiento que pone "descentrada" la zona activa de mis botones, es decir, imaginense mi botonera horizontal con 9 botones, me coloco en el 5to y se selecciona es el primero, en el 6to se selecciona el segundo y asi sucesivamente, obviamente al pararme sobre el ultimo se selecciona el 4to boton y ya no tengo más nada a la derecha... alguna idea de q pueda estar sucediendo?? aquí coloco el código dentro del header con sus respectivos estilos:
Código:
//////////////////////////////////////
<div id="header">
<div id="banner-head">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="850" height="100">
<param name="movie" value="BANNERS/header.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="BANNERS/header.swf" width="850" height="100">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href=""><img src="" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<div id="menu-back">
<div id="menu">
<object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="810" height="40">
<param name="movie" value="BANNERS/botonera.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="8.0.35.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="BANNERS/botonera.swf" width="810" height="40">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href=""><img src="" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
</div>
/////////////////////////////
CSS:
#header {
background-attachment: scroll;
background-color: #666;
background-image: url(IMAGENES/background_01.jpg);
background-repeat: repeat-x;
height: 150px;
margin: 0 auto;
width: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 10;
}
#banner-head {
background-color: #666;
height: 100px;
width: 850px;
margin: 0 auto;
z-index: auto;
}
#menu-back {
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
background-color: #444;
margin: 0 auto;
height: 45px;
width: 850px;
border-bottom: 5px solid #fff;
}
#menu {
margin: 0 auto;
height: 40px;
width: 810px;
}
#content {
background-color: #668833;
margin: 0 auto;
width: 850px;
padding-top: 0px;
padding-right:-20px;
padding-bottom: -10px;
padding-left: -20px;
z-index: auto;
overflow: auto;
height: 100%;
min-height: 100%;
}
[/CODE]
/////////////////////////
Coloco el CSS del content porq es el inmediatamente siguiente, no se si haya algo en el content q sea lo q fastidie...
Gracias a todos por su colaboración
