Меню нижнего колонтитула, чтобы открыть не вниз, jsfiddle included

Question

У меня есть меню, которое я использую в нижнем колонтитуле, и я хотел бы получить элементы списка, чтобы открыть «вверх», а не вниз.

Живой пример: http://jsfiddle.net/tVCUr/1/

Если кто-то может помочь мне с этим я бы очень признателен.

P.S.- Высота элементов li будет меняться, поэтому я хотел бы избежать указания высоты в пикселях, если это возможно.

Answer 1

Просто добавьте bottom: 100% в .dropmenu ul:

.dropmenu ul{ 
    position: absolute; 
    bottom: 100%; 
    display: none; 
    width: 140px; 
    padding: 0px; 
    margin: 0px; 
    border-bottom: 1px solid #ccc; 
    background: #FFFFFF; 
} 

Здесь в вашей скрипке: http://jsfiddle.net/tVCUr/2/

Answer 2

http://jsfiddle.net/tVCUr/4/

Просто добавьте .dropmenu уль изменить выпадающие:

bottom:100%;