<ul id="navigation">  
  <li class="active">  
  <a href="GEOPS.IN" class="nav-lvl1" title="">GEOPS.IN</a>  
  </li>  
  <li> <a href="GEOPS.IN" class="nav-lvl1" title="">GEOPS.IN</a>  
  </li>  
  <li> <a href="GEOPS.IN" class="nav-lvl1" title="">GEOPS.IN</a>  
  </li>  
  <li> <a href="GEOPS.IN" class="nav-lvl1" title="">GEOPS.IN</a>  
  </li>  
  <li> <a href=GEOPS.IN/" class="nav-lvl1" title="">GEOPS.IN</a>  
  </li>  
  <li> <a href="GEOPS.IN" class="nav-lvl1" title="">GEOPS.IN</a>  
  </li>  
  <li> <a href="GEOPS.IN" class="nav-lvl1" title="">GEOPS.IN</a>  
  </li>  
  <li> <a href="GEOPS.IN" class="nav-lvl1" title="">GEOPS.IN</a>  
  </li>  
  <li> <a href="GEOPS.IN" class="nav-lvl1" title="">GEOPS.IN</a>  
  </li>  
  </ul>  

<style>#navigation {  
  display:block;  
  list-style:none;  

}  

.nav-lvl1 {  
  display:block;  
  width:229px;  
  height:28px;  
  line-height:28px;  
  text-indent:9px;  
  background:url(http://webo4ka.3dn.ru/Ucoz/nav-lvl1-bg.gif) no-repeat;  
  font-size:1.2em;  
  font-weight:bold;  
  color:#fff;  
  text-decoration:none;  
}  

.nav-lvl1:hover {  
  color:#d5efff;  
  background-position:0 -28px;  
}  
span.invitext {  
  font-size: 1px;  
  letter-spacing: -1px;  
  visibility: hidden;  
}  
#navigation ul {  
  display:block;  
  list-style:none;  
  margin:4px 25px 7px 15px;  
}  
#navigation ul li {  
  display:block;  
  padding:1px 0 4px 12px;  
  background:url(http://webo4ka.3dn.ru/Ucoz/navigation-ul-li.gif) 0 100% repeat-x;  
}  
#navigation ul li a {  
  display:block;  
  color:#fff;  
  text-decoration:none;  
}  
#navigation ul li a:hover {  
  color:#ffe199;  
  text-indent:4px;  
}</style>