Меню навигации скрыто программой просмотра изображений jquery

Question

Как вы можете видеть на изображении ниже, мое меню опускается ниже моего средства просмотра фотографий.Просмотрщик фотографий - это jquery и CSS.Меню реализовано в виде меню asp.Если у кого-то есть предложения, пожалуйста, дайте мне знать.Спасибо

<asp:Menu ID="NavigationMenu"  StaticDisplayLevels="1" MaximumDynamicDisplayLevels="5" DataSourceID="menu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">

div.menu
{
     padding: 0px 0px 0px 0px;
     width:100%;
}

div.menu ul
{
    list-style: none;
}

div.menu ul.nav li
{
    display: inline;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #CC1111;
    color: #ffffff;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration:none;
    white-space: nowrap;
    font-size:large;
}

div.menu ul li a:hover
{
    background-color: #CC1111;
    color: #ffffff;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

Answer 1

Вам нужно использовать z-index.Дайте более высокое значение для div.menu и дайте более низкое значение для изображения.

См. Это: http://www.w3schools.com/Css/pr_pos_z-index.asp

http://www.w3schools.com/Css/tryit.asp?filename=trycss_zindex

Answer 2

Задайте для вашего меню значение z-index, например

div.menu
{
     padding: 0px 0px 0px 0px;
     width:100%;
     position: relative;
     z-index:100;
}

Я предполагаю, что для просмотра изображений установлен один параметр, поэтому ваше значение должно быть выше.

Ссылка