CSS object shows under other objects when zoom


Tags: html,css

Problem :

CSS object shows under other objects when zoom, I want to make this above all css or html objects. Can someone help me? Thank you in advance.

How is it zoomed: http://i.stack.imgur.com/oNAzz.jpg

How I want to be zoomed: http://i.stack.imgur.com/VcPWy.jpg

HTML CODE

<nav>
  <ul>
    <br><center><li><a href="#"><img src="1.png" onmouseover="this.src='2.png'" onmouseout="this.src='1.png'" /></a></li></center>
    <center><li><div id="mmenu"><a href="#"><img src="1contact.png" onmouseover="this.src='2contact.png'" onmouseout="this.src='1contact.png'" /></a></div></li></center>
    <center><li><div id="mmenu"><a href="http://soccerway.ge/?cat=1"><img src="1news.png" onmouseover="this.src='2news.png'" onmouseout="this.src='1news.png'" /></a></div></li></center>
  </ul></nav>

CSS CODE

nav {
    position: fixed;
  left: 0px;
  top: 20%;
  height: 200px;
  width: 60px;
  background-color: #24933e;
  border-right:solid #176328;
  border-width:2px;
}

#mmenu {
  border-bottom:solid #176328;
  border-width:1px;
}


Solution :

Use the Z-index Property and assign to nav a higher z- index than others

 nav {
  position: fixed;
  left: 0px;
  top: 20%;
  height: 200px;
  width: 60px;
  background-color: #24933e;
  border-right:solid #176328;
  border-width:2px;
  z-index:99;
}

    CSS Howto..

    How to redefine a CSS class for the whole document?

    How to achieve video-play navigation like khan academy in bootstrap? [closed]

    Show button after login

    how are large quantities of css templates produced?

    How to horizontally center a Views field in a grid using CSS field style

    How to add css style if user scroll page over 112px

    How to implement icon fonts like github.com

    How to use this jQuery to effect css opacity

    How to remove the margin at the top of my page

    How to use css with jsp's

    How can I indent all text in a paragraph except the first line?

    How to centre a javascript element using inline css? [closed]

    How to put a ribbon image on another image with css?

    Show HTML text if window width is too small with CSS

    Angular 2 Materialize CSS Side-Nav Not Showing

    How to select the first element from a selection when one element does not have a class via CSS?

    How do I get
    margin working?

    How to override active admin CSS?

    How to select text, but not images, in CSS

    How to split an HTML paragraph up into its lines of text with JavaScript

    How to fade, animate and change text, word in title / sentence

    How to code a drop down menu in css?

    How to override html property created by script (mediaelement.js)

    How to make an invisible character in HTML, that still get's picked up on text selection?

    how to link css files in organization github pages

    How to prevent default title behavior with CSS or JavaScript [duplicate]

    How to change color of text from left to right along with the background?

    How can I force CQ5.5 to ignore CSS data-uri-schemes?

    Dojo: how to find css definition for digit.form.filteringselect, especially the drop down list?

    How to make Gravity Forms Responsive (left/right )?