Estoy desarrollando un menu flotante con css que se muestre en la parte inferior de la pagina y que tenga un width de 100%, algo asi como el menu flotante de blip.fm, el codigo que tengo es el siguiente:
Código :
<html>
<head>
<style type="text/css">
#flotante{
position:fixed;
bottom:0;
left:0;
height:32px;
width:100%;
text-align:center;
z-index:9;
display:none;
background-color: #000;
background-image: url(fondo.png);
background-repeat: repeat-x;
background-position: left bottom;
}
#flotante2{
height:32px;
width:600px;
text-align:left;
z-index:10;
color: #F00;
margin:0 auto 0 auto;
}
</style>
</head>
<body>
<div style="display: block;" id="flotante">
<div id="flotante2">
Contenido del menu
</div>
</div>
</body>
</html>Todo funciona perfecto en FF, pero al intentar probarlo con IE7 el menu se muestra mal, que otra alternativa tengo? intente buscar algo con java pero todos eran menus que aparecen en la parte superior de la pagina, sugerencias? basicamente mi problema es que tengo que mostrarlo en ambos navegadores ya que muchos de mis usuarios usan el IE7 (no quiero ni pensar como se ve en IE6 pero supongo que igual no se ve
)Gracias de ante mano
atte. Sanshiro
