Pués resulta que he hecho unas listas y les he añadido <a> y <a:hover> con sus respectivas imágenes de sustitución en a:hover, pero resulta que el a:hover no me coge todo el alto de las listas o del div (menu_bar) y no sé como arreglarlo, he probado poníendole altura y nada :\ alguien sabe?
CSS: Cita: body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#global {
width: 1007px;
margin-right: auto;
margin-left: auto;
}
#logo {
background-image: url(images/logo.png);
height: 200px;
width: 1007px;
}
#menu_bar {
width: 1007px;
background-image: url(images/bg_menu_bar.png);
text-align: center;
}
#menu_bar ul {
display:inline;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
}
#menu_bar ul li {
list-style-type: none;
margin-left: 2px;
margin-right: 2px;
display:inline;
padding: 0px;
}
#menu_bar a{
font-size: 12px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-decoration: none;
font-weight: bold;
color: #333;
}
#menu_bar a:hover {
background-image: url(images/bg_menu_bar_hover.png);
height: 100px;
width: 100px;
}
HTML: Cita: </head>
<body>
<div id="global">
<div id="logo"></div>
<div id="menu_bar">
<ul>
<li><a href="#">Noticias</a></li>
<li><a href="#">Descargas</a></li>
<li><a href="#">Noticias</a></li>
<li><a href="#">Foros</a></li>
<li><a href="#">RSS</a></li>
<li><a href="#">Chat</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
</div>
</body>
</html>
Saludos y graaacias