Hola a Todos
Tengo un problema al darle el formato a la barra de navegación de mi página.
Los botones de mi barra se encuentras en una lista desordenada(<ul>) que a su vez dicha lista esta dentro de una <div>llamada navegador.
El problema en en el archivo CSS externo (me parece) en donde le doy un fondo de color a mi <div> llamado navegador con el atributo Background , y una alto con la etiqueta <heigh>
En Interntet Explorer me aparece el alto de mi <div> navegador mucho mas alto de lo que define.
En Mozilla Firefox aparece el alto de mi div navegador mas bajo de lo que defini y ademas los botones me salen afuera o debajo de esa barra o fondo de color de mi etiqueta div navegador.
Este es el codigo HTMl
Cita: <body>
<div id="borde">
<div id="contenedor">
<div id= "cabecera" ><img src="imagenes/logo-temas2.jpg" alt="Jespa" border="0" > </div>
<div id= "navegador">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Autor</a></li>
<li><a href="#">Temas</a></li>
<li><a href="#">Estudios</a></li>
<li><a href="#">Noticias</a></li>
<li><a href="#">Cruzada</a></li>
</ul>
</div>
.
.
.
Arhcivo externo CSS
Cita: #navegador{
background:#F5F4C3 url(images/fondonav.gif);
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
height: 5px
}
#navegador ul{
list-style-type:none;
text-align:center;
}
#navegador li{
display: inline;
text-align: center;
margin: 0 1px 0 0;
}
#navegador li a{
padding: 2px 7px 2px 7px;
color: #666;
background-color: #ffff00;
border:1px solid #ccc;
text-decoration: none;
}
#navegador li a:hover{
background-color: #ff9900;
color: #ffffff;
}
Gracias.