Вертикальное меню

[slava.prib]

<div  class="left-navigation"><ul><li> <a href="holod.php" title="Ремонт холодильников">Ремонт холодильников</a></li><li> <a href="stiral.php" title="Ремонт стиральных машин">Ремонт стиральных машин</a></li><li> <a href="posuda.php" title="Ремонт посудомоечных машин">Ремонт посудомоечных машин</a></li><li> <a href="vodonagr.php" title="Ремонт водонагревателей">Ремонт водонагревателей</a></li><li> <a href="plita.php" title="Ремонт электроплит">Ремонт электроплит</a></li><li> <a href="panel.php" title="Ремонт варочных панелей">Ремонт варочных панелей</a></li><li> <a href="duhovka.php" title="Ремонт духовых и жарочных шкафов">Ремонт духовых и жарочных шкафов</a></li><li> <a href="vitajks.php" title="Ремонт вытяжек">Ремонт вытяжек</a></li><li> <a href="montaj.php" title="Установка и монтаж техники">Установка и монтаж техники</a></li><li> <a href="util.php" title="Утилизация техники">Утилизация техники</a></li></ul></div>

div.left-navigation {float:left;width:286px; margin:0 20px 20px 0; padding:5px; border:2px #333 solid; background:#CCC;}div.left-navigation ul {}div.left-navigation li{list-style:none; padding:0; margin:10px 0; font-size:20px; height:50px; width:200px;border:2px #333 solid;}div.left-navigation li a{color: #000; }div.left-navigation li a:hover{color: #FFF; background: #666}

 Парни помогите пожалуйста. Не могу вдуплить.... Почему при наведении мыши, выделяется только текст ссылки, а не вся область LI , типа как ячейка, целиком. Или проще сделать такое меню "табличным"?

[afdw]

Почему при наведении мыши, выделяется только текст ссылки, а не вся область LI , типа как ячейка, целиком

li a:hover

Вы сами так написали. Предполагаю, что нужно это.

Edited March 18, 2015 by afdw

[slava.prib]

Ой, пардон, не дописал..... Да именно это я имел ввиду, ошибку свою понял, только я забыл пометить, что-бы вся область была активной при наведении. Или display:block в этом случае не работает?

[Q4Dizzy]

div.left-navigation li a {

color: #000;

display: block;

min-height: 50px;

}

[afdw]

http://jsfiddle.net/fdLcj9nz/1/

[slava.prib]

Понял. Огромное спасибо.