Выпадающее меню скрыто за слайдером javascript

В настоящее время раскрывающаяся часть моего навигационного меню скрыта за слайдером javascript, который у меня находится прямо под ним. См. Проблему здесь . Как сделать так, чтобы раскрывающееся меню отображалось над ползунком?

Вот некоторые из CSS для двух блоков div, которые содержат соответствующее навигационное меню и ползунок.

Навигационное меню:

#nav {
width:1024px;
height:20px;
border-bottom:1px solid #ccc;
}

Ползунок:

#slider {
width:1024px;
height:300px;
background: #353A33;
padding-bottom:5px;
}

Есть идеи?