<div class="geoload">
<ul>
<li><a href="#">მთავარი</a></li>
<li><a href="#">ფორუმი</a></li>
<li><a href="#">საიხლეები</a>
<ul>
<li><a href="#">თამაშები</a></li>
<li><a href="#">პროგრამები</a></li>
<li><a href="#">კინო</a></li>
</ul>
</li>
<li><a href="#">ფაილები</a></li>
<li><a href="#">ბლოგი</a></li>
</ul>

</div>
<script type="text/javascript" src="http://geoload.in/html-2/horizontal-gl/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://geoload.in/html-2/horizontal-gl/js/jquery.dropmenu.js"></script>
<style>
@import url(http://geoload.in/html-2/horizontal-gl/css/reset.css);
@font-face {font-family: 'arial'; src: url('http://geoload.in/html-2/horizontal-gl/bpg_arial_2009.ttf');}
.geoload {
  font-size:13px;
  font-family: 'arial';
  width:1000px;
  margin:auto;
  height:65px;
  background: url(http://geoload.in/html-2/horizontal-gl/img/top_navi.png);
  color:#fff;
  position:relative;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
}
.geoload ul li {
  float:left;
  padding: 0 8px;
  position:relative;
  line-height:65px;
}
.geoload ul li a {
  color:#fff;
  display:block;
  text-decoration:none;  
}
.geoload ul li a:hover {
  text-decoration: underline;
}
.geoload ul ul {
  background: rgba(0, 0, 0, .5);
  top:65px;
  left:-1px;
  border: 1px solid #000;
  position:absolute;
  display:none;
  line-height:none;
}
.geoload ul ul li {
  float:none;
  border-bottom: 1px solid #000;
  line-height:none;
}
.geoload ul ul li:last-child {
  border-bottom:none;
}
</style>