Позиционирование раскрывающегося меню jquery ⇐ Jquery

[Anonymous]

Мне нужно было создать раскрывающееся меню, которое открывалось бы вверх, а не вниз.
Пройдя через это, я понял, как создать раскрывающееся меню, а затем изменил его в соответствии с моими требованиями, что в конечном итоге привело к следующему (скрипка ).
Теперь я хотел, чтобы этот раскрывающийся список прикреплялся к нижней части страницы, поэтому я изменил CSS контейнера на позицию:absolute;bottom:0; . Однако мое раскрывающееся меню больше не отображается правильно, как показано здесь.
Кто-нибудь может объяснить, почему это происходит и как это сделать правильно?
Благодаря kei и bukfixart я теперь поочередно использовал оба приведенных ниже кода с одним и тем же результатом: они работают в IE9, но не работают (читай: ведут себя странно) в Chrome или Firefox. Вы можете увидеть странное поведение здесь.
Обратите внимание, что это происходит только тогда, когда все 4 вкладки находятся в одной строке.
Кто-нибудь может объяснить, почему это происходит?

Подробнее здесь: https://stackoverflow.com/questions/139 ... ositioning