Hola buenas de nuevo, lo primero gracias por vuestras respuestas. Lo que he probado es lo siguiente:
1º Copie el codigo de aresillo y lo sustituí por el mío (vamos que lo borre), y nada, sigue funcionando solo en Firefox.
2º Volvi a mi codigo y probe a cambiar solo los colores por hexadecimales, nada.
3º Cogí mi codigo ,añadí la parte de #menu li a:hover y quité la parte mia de #menu li:hover y #menu a:hover. Solo me cambia lo que sería el link, cuando paso el puntero por encima del texto y el recuadrito del texto, es lo único que me cambia de color, tanto en IE como en FIREFOX.
4º Lo mismo que en 3º, pero esta vez dejando #menu a:hover y #menu li:hover, en Firefox cambia el fondo, pero en IE no, y en Firefox si cambio los colores de #menu li:hover y #menu li a:hover me los muestra diferentes.
Conclusión a la que llego, #menu li a:hover, solo afecta al texto enlazado. Según como entiendo el comando, le estais diciendo al navegador que al pasar el puntero por el texto enlazado cambie el fondo de los 2 no?
Así que me surge otra pregunta, se puede ampliar el texto enlazado a todo el cuadro li, o voy a tener que hacer imagenes con el texto? (esto último no me mola nada jejeje)
Códigos
HTML
Código:
<html>
<title>
Pagina de pruebas
</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- cargo los estilos -->
<link rel="stylesheet" href="formato.css" type="text/css" media="all">
<!-- Cargo el icono de la web -->
<link rel="shortcut icon" href="imagenes/favicon.ico">
<!--
-->
</head>
<body>
<div id="logo">
hola logo
</div>
<div id="menu">
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
</ul>
</div>
<div id="submenu">
hola submenu
</div>
<div id="cuerpo">
hola cuerpo
</div>
</body>
</html>
CSS
Código:
*{margin:0px ; padding:0px ; border:0px; outline:0px;} /*Ponemos todos los margenes, bordes y separaciones a cero, para que todos los
navegadores los vean iguales*/
body
{
background:#2E7AC6 url(imagenes/background.png) repeat-x top left;
}
#logo
{
position:absolute;
top:0px;
left:75px;
background-image:url("imagenes/logo.png");
background-repeat:no-repeat;
width:900px;
height:100px;
}
/*Caracterisiticas del Menu*/
#menu
{
position:absolute;
top:125px;
left:10px;
background-color:#c7c7bf;
width:800px;
height:25px;
}
#menu ul
{
list-style:none;
margin:0px;
padding:0px;
}
#menu li
{
float:left;
height:100%;
margin:0px 0px 0px 0px;
padding:7px;
background-color:#aa5;
}
#menu li:hover
{
background-color:#0F0
}
#menu a
{
color:#000;
text-decoration:none;
font-family:Century Gothic,Sans-Serif,Verdana,Arial;
font-size:15px;
display:block;
font-weight:bold;
}
#menu a:visited
{
text-decoration:none;
}
#menu a:link
{
}
#menu a:hover
{
background-color:#F00;
}
#menu a:active
{
}
/*Fin caracteristicas del Menu*/
#submenu
{
position:absolute;
top:150px;
left:10px;
background-color:blue;
width:800px;
height:30px;
}
#cuerpo
{
position:absolute;
top:180px;
left:10px;
background-color:pink;
width:800px;
min-height:600px;
}
Sorry por el tocho