Не отображаются элементы в фиксированном блоке при прокрутке

Есть выпадающее меню, которое по z-index: 10; перекрывает собой основной контент (кроме header).
Проблема такая: если в этом меню пунктов больше чем высота экрана то при overflow: auto; появляется прокрутка, но все равно один последний пункт не видно больше чем на половину (я так подозреваю на высоту header), что делать?
панель меню задается следующим образом:

Код (PHP):

1. #menu {
2.     background-color: #FFFFFF;
3.     position: fixed;
4.     z-index: 10;
5.     height: 100%;
6.     width: 100%;
7.     top: 41px;
8.     overflow: auto;
9. }

пункты меню и подменю

Код (PHP):

1. #menu .point, #menu .sub_point {
2.     height: 33px;
3.     width: 100%;
4.     margin-bottom: 1px;
5.     border-bottom-width: 1px;
6.     border-bottom-style: solid;
7.     border-bottom-color: #EAEAEA;
8.     padding-top: 12px;
9.     font-family: Arial;
10.     font-size: 18px;
11.     color: #333333;
12. }
13. #menu .point {
14.     padding-left: 5px;
15. }
16. #menu .sub_point {
17.     padding-left: 50px;
18.     background-color: #F6F6F6;
19. }

 

Re: Не отображаются элементы в фиксированном блоке при прокр

padding-bottom или margin-bottom в #menu не помогают

Добавлено спустя 7 минут 22 секунды:
Re: Не отображаются элементы в фиксированном блоке при прокрутке
пока нашел одно решение, добавить в конец меню пустой div необходимой высоты