Te mando un código que puedes utilizar perfectamente, es muy básico. Lo primero es que no necesitas un div para cada Link, y menos que te lo haga Dw. Mira lo i fíjate en como esta echo. En los fondo de “a” y “hover” pones los tuyos y en “a” rectificas el tamaño para que se vea toda la imagen.
Código:
ul {
margin: 0px;
padding: 0px;
list-style: none;
}
li {
margin: 0px;
padding: 0px;
}
a {
display: block;
width: 110px;
margin: 0px;
padding: 5px 0px 0px;
height: 25px;
background: url(css/i/fondo.jpg);
text-align: center;
font-weight: bold;
color: #FFFFFF;
}
a:hover {
background: url(css/i/fondoBactive.png);
}
Código:
<ul>
<li><a href="#">link 1</a></li>
<li><a href="#">link 2</a></li>
</ul>
Con esto te puedes enterar por donde van los tiro, después te surgirán otros problemas. Que también resolverás.