Kiek suprantu, problema tame, kad tarp <a href...> ir tarp </a> nėra jokio teksto, divo, imago ar dar kokio brudo. Čia tas pats, kas parašyčiau taip:
<div>kontaktai<a href="kontaktai.html"></a></div>
o turėtų atrodyt, taip:
<div><a href="kontaktai.html">kontaktai</a></div>
Truputį pastudijavęs, radau, kad galima padaryt ir pagal tavo variantą, tik stiliaus skiltyje turi prirašyt adreso (<a href...></a>) stilių su pločiu lygiu šimtui procentų. Tada užpildoma visa tuščia erdvė. Va tarkim taip:
a:link {
width: 100%
}
Bet tokiu atveju gauni ne į savo .gifn (n - skaiciai) klases kišti fono nuotrauką (background-image), bet į a:link, a:hover klases. Va taip tarkim:
/* <li> su gif5 klase */
.gif5 {
width: 111px;
height: 13px;
left: 684px;
top: 0px
/* čia nebelieka background-image */
}
/* gif5:hover taip pat nebelieka */
/* <a> su klase gif5 (<a class="gif5"..></a>) */
a.gif5:link {
width:100%;
background-image: url(Index/5.gif.gif) /* atsiranda čia */
}
/* atliekama ta pati funkcija, kaip ir tavajame gif5:hover, tik skirtumas tas, kad nuoroda į adresą veiks. */
a.gif5:hover {
width:100%;
background-image:url(Index/hover5.gif)
}