Как убедиться, что элемент находится поверх всех других элементов на странице?

Убедитесь, что вы полностью понимаете контексты укладки для z-index:

• CSS 2.1 w3c, Приложение E. Разработка описания контекстов стекирования
• Какие свойства CSS создают контекст стекирования? (принятый ответ)
• Подробный анализ стеков в CSS

создал jsfiddle здесь

Если у вас нет z-индекса для слайд-шоу, все должно работать нормально. Дайте мне знать, если у вас есть z-index для слайд-шоу.

#dropdown {
    background-color:red;
    position:relative;
}

#dropdown .body {
    display:none;
    position:absolute;
    background-color:green;
    top:10px;
    left:0;
}

#dropdown.hover .body {
    display:block;
}


#slideshow {
    background-color:blue;
    height:300px;
}

позиция: абсолютная; для выпадающего будет трюк

z index работает только тогда, когда вы также предоставляете опцию position (абсолютную, относительную, фиксированную)

Более старый IE также требует от родителей получения z-индекса для его исправления. В приведенном ниже примере вы хотите, чтобы div, который не имеет идентификатора, в этом примере максимально высок. Если это не вариант, перейдите к следующей лучшей вещи (div # 2 в примере)

<div>
    <div id="1" />
    <div id="2">
        <nav>Your menu</nav>
    </div>
    <div id="3" />
</div>