Как сделать выпадающее меня в верх?

зафиксируйте выпадающму блоку bottom

Типовое горизонтальное меню с выпадающими вниз подпунктами выглядит так:

Код CSS

#menu{}

    #menu li{position:relative; float:left; }

        #menu li ul{display:none; position:absolute; left:0; top:100%;}

        #menu li:hover ul{display:block;}

Код HTML

<ul id="menu">

    <li>

        Пункт меню

        <ul>

            <li>Подпункт меню</li>

            <li>Подпункт меню</li>

            <li>Подпункт меню</li>

        </ul>

    </li>

    <li>Пункт меню</li>

    <li>Пункт меню</li>

    <li>Пункт меню</li>

</ul>

Для того чтобы оно стало выпадать вверх достаточно изменить правило

Код CSS

#menu li ul{display:none; position:absolute; left:0; top:100%;}

на

Код CSS

#menu li ul{display:none; position:absolute; left:0; bottom:100%;}

Понял, спасибо.