display block . непонятки

[kenscl12]

есть код допустим простой

  <div class="menu">
    <div class="up">
      <div class="menunav"> 
        <ul> 
          <li><a href="#">Все продукты</a> </li> 
        </ul> 
      </div> 

      <div class="menunav"> 
        <ul> 
          <li><a href="#">Алкоголь</a> </li> 
        </ul> 
      </div> 

      <div class="menunav"> 
        <ul> 
          <li><a href="#">Автомобили</a> </li> 
        </ul> 
      </div> 

      <div class="menunav"> 
        <ul> 
          <li><a href="#">Бытовая техника</a>  </li> 
        </ul>
      </div> 
    </div>
  </div> 

[css]

.menu{

background:url(<?php echo I_HOST.'/skins/images/menu.jpg';?>);

background-repeat:repeat-x;

background-position:top left;

width:100%;

height: 25%;

min-height: 85px;

}

.up{

padding-left: 100px;

padding-right: 100px;

height: 100%;

}

.menunav{

height:100%;

width: 25%; /* задаем ширину для div */

float: left; /* добавляем список в div */

/* задаем размер шрифта */

font-family: Verdana, Tahoma, arial, geneva, Helvetica, sans-serif;

}

.menunav ul {

list-style: none;

padding: 0px;

width: 100%;

background-color: #b5b7f4; /* задаем фоновый цвет элементов меню */

}

.menunav li a:link, .menunav li a:visited{

font-size: 90%;

margin-top:7%;

display: block;

float: left; /* располагаем список по горизонтали */

position: relative; /* контекст позиционирования для раскрывающегося меню с абсолютным позиционированием */

text-decoration: none;

width: 100%;

text-align: center;

border-right: 1px solid White;

border-left: 1px solid White;

height: 100%;

}

.menunav a {

display: block; /* пункты вложенного меню выделяются при наведении указателя */

text-decoration: none; /* удаляем подчеркивание ссылок */

color: White; /* задаем цвет шрифта */

width: 100%;

height: 100%;

}

.menunav a:hover {

color: #ff3333;

}

.menunav li:hover {

width: 100%;

}

[/css]

По идее display block должен обеспечивать чтоб вся ссылка-кнопка действовала не только по горизонтали но и по вертикали. у меня только по горизонтали действует.

помогите понять почему не как надо?

[Sensei]

Высота блочного элемента определяется его содержимым. Задайте у ссылок line-height равный высоте пункта меню.

[kenscl12]

5 балов за совет. хоть сдвинулось дело