<style type="text/css" >
#menu {
padding-left: 20px;
}

#menu A {
padding: 7px 30px 7px; 
margin-right: 5px;
background: #2a2a2a;
width: 100px;
background-image: url(http://xmages.net/storage/10/1/0/9/9/upload/30bdfbbf.jpg);
text-decoration: none;
}

#submenu {
background: #2a2a2a;
background-image: url(http://xmages.net/storage/10/1/0/9/9/upload/30bdfbbf.jpg); 
padding: 5px;
height: 100px;
text-align: center;
font-size: 12px;
width: 700px;
}

.submenutext {
display: none; 
height: 60px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
background: #2а2а2а; 
color: #65065f;
}
</style>

<script type="text/javascript">
var prevmenu, prevtab
function subMenu(obj, menu) {
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
}
}
</script>

<div id=menu>
<a href=russian.html onMouseOver="subMenu(this,'sm1')">Название 1</a>
<a href=ukrainian.html onMouseOver="subMenu(this,'sm2')">Название 2</a>
<a href=caucasus.html onMouseOver="subMenu(this,'sm3')">Название 3</a>
<a href=caucasus.html onMouseOver="subMenu(this,'sm4')">Название 4</a>
<a href=caucasus.html onMouseOver="subMenu(this,'sm5')">Название 5</a>

</div>
<div id=submenu>
 <div id=sm1 class=submenutext>
  <br><br>тут текст 1
 </div>
 <div id=sm2 class=submenutext>
  <br><br>тут текст 2
 </div>
 <div id=sm3 class=submenutext>
  <br><br>тут текст 3
 </div>
 <div id=sm4 class=submenutext>
  <br><br>тут текст 4
 </div>
 <div id=sm5 class=submenutext>
  <br><br>тут текст 5
 </div>
</div>