body{
padding:15px;
}
h1{
background:#007;
background:#023bae;
padding:1em;
color:#fff;
font:normal 1.7em/1 "Trebuchet MS", Arial, sans-serif;
margin:0;
}

/*general staff*/
#nav{position:relative;height:35px}
#nav, #nav li{list-style:none;margin:0;padding:0}
#nav li{display:inline}
/*positioning*/
#n1{left:0}
#n2{left:140px}
#n3{left:280px}
#n4{left:396px}
#n5{left:533px}
#n6{left:670px}
#nav a{position:absolute;z-index:45}
#nav a{
display:block;
width:159px;
height:25px;
background:transparent url(/prx/000/http/cssing.org.ua/examples/zindex/nav2.gif) no-repeat 0 0;
/* replacing text*/
text-indent:-1983em;
overflow:hidden;
}
#nav #n3{width:136px}
#nav #n6{width:119px}

 a#n1{background-position: 0 0}
 a#n1:hover, .a1 a#n1{background-position: 0 -25px}
 a#n2{background-position:-159px 0}
 a#n2:hover, .a2 a#n2{background-position:-159px -25px}
 a#n3{background-position:-318px 0}
 a#n3:hover, .a3 a#n3{background-position:-318px -25px}
 a#n4{background-position:-454px 0}
 a#n4:hover, .a4 a#n4{background-position:-454px -25px}
 a#n5{background-position:-613px 0}
 a#n5:hover, .a5 a#n5{background-position:-613px -25px}
 a#n6{background-position:-772px 0}
 a#n6:hover, .a6 a#n6{background-position:-772px -25px}
 /*Hover z-index*/
  #nav a:hover{z-index:50}
 /* im here styles */
 .a1 #n1, .a2 #n2, .a3 #n3, .a4 #n4, .a5 #n5, .a6 #n6{z-index:55}