title: Navigation menu being hidden by jquery picture viewer
body: <p>As you can kind of see in the image below, my menu is dropping down below my photo viewer.  The photo viewer is jquery and CSS.  The menu is a implemented as an asp Menu.  If anyone has any suggestions please let me know.  Thanks </p>
  
  <pre><code>&lt;asp:Menu ID="NavigationMenu"  StaticDisplayLevels="1" MaximumDynamicDisplayLevels="5" DataSourceID="menu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"&gt;
  
  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;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/A2mRY.png" alt="Dropdown getting hidden by image"></p>