Возникла такая сложность: на CSS сделал так, чтобы при наведении на тэг li у него менялся фон, при этом внутри тэга есть ещё и ссылка с ключем "Библиотека". Так вот, при наведении курсора фон меняется но ссылка не работает. Чтобы она заработала надо навести на само слово "Библиотека". Как сделать так, чтобы при наведении на li ссылка была активна, то есть чтобы можно было не наводить на слово "Библиотека" а достаточно было просто навести на область вокруг неё и нажать на кнопку мыши, чтобы перейти на нужную страницу?
Визуальный пример:
Так сейчас.
А так должно быть.
Код index.php
<div id="menu">
<ul>
<li><a href="bibl.php">Библиотека</a></li>
</ul>
</div>
Код style.css
#menu {
width: 865px;
height: 13px;
float: right;
}
#menu ul {
padding: 0;
margin: 0;
}
#menu ul li {
list-style: none;
display: inline-block;
padding: 12px 10px 12px 10px;
}
#menu ul li a {
color: #E8EFF7;
font-size: 13px;
font-weight: bold;
text-shadow: 0px 1px 0px #416389;
}
#menu ul li:hover {
background: url(images/fon2.jpg);
}