How to fix this dropup menu in IE?

will help you Hi I answered a similar question, don't know if it helps:
dropup menus in CSS?

it should still fix some issue You can try something like this http://jsfiddle.net/ZG2BL/
The idea is, to set the li that holds dropdown ul as position:relative; and the ul dropdown as position:absolute; and give it a positive bottom value so it'll show up above the parent li

I hope this helps . I am trying to implement a drop up menu. As a starting point I am using an existing drop down menu built using HTML/CSS/jQuery based on CSS trick's Simple jQuery Dropdowns. (As I couldn't get a pure css one to work on touch devices as they relied on hover states.) , Try changing this:

ul.dropdown ul {
    bottom: 100%;
}

To fix this issue My Dropup looks like this -> , In your outer most div add this in style attribute

<div class="dropdown-menu" style="height: 200px;overflow: auto;">

Hope this helps instead of using the css :hover use javascript to add and remove .hover class to the .dropup-content element when the .dropdown-toggle element is touched/clicked.

.dropup-content {
    display: none;
    /* position: absolute; */
    background-color: #f1f1f1;
    min-width: 160px;
    bottom: 50px;
    z-index: 1;
}
.dropup-content.hover {
    display: block;
}