попробуй

.top .menuSection {position: relative;}
.top .menuSection ul {bottom:100%;margin-bottom:5px;}

последний отступ поправь под свой дизайн

bokonist Спасибо, попробую)
UPD Все работает, благодарю))

Меня интересует такая же проблема. Чисто из любопытства. Вот только ответ я либо уже знаю, либо не услышу. В простом случае меню сверху не выпадает, а появляется, я же сделал у себя, чтобы оно именно выпадало, плавно. Не суть. Предположим блок изначально имеет высоту 0px и мы увеличиваем ее, блок тянется вниз. Тоже самое и с шириной, которая стремится вправо.
Что нужно сделать, чтобы было можно было увеличивать вверх и влево? Думаю, что смещать сам блок на столько, сколько и увеличивая размеры блока.

winterwolf, можно смещать или позиционировать относительно нижнего правого угла (bottom и right), а не верхнего левого.

winterwolf, кстати, попробуй анимировать max-height вместо height, и нелинейные изинги для анимации, например, "ease-out".

Спасибо за совет.
Из моих наблюдений линейная анимация все таки лучше, некоторые браузеры проглатывают несколько кадров и анимация не такая плавная как хотелось бы.

\n - так и маячит снизу...

winterwolf, это мусор от объявления сверху, через пару часов пропадет вместе с выключением.

bokonist Ага, новая строка. Я то у себя ее убрал, пойду верну и напишу что-нибудь в шутку.