<style>
ul#cssmenu {
margin: 0 auto;
border: red 1px solid;
padding: 0;
list-style: none;
background: url(http://oceansoft.at.ua/_img/3.png);
height: 30px;
font: bold 12px/28px Verdana, Arial;
border-left:dark 1px solid;
color: white;
display: table;
width: 100%;
}
ul#cssmenu li {
margin: 0 auto;
border: darkred 1px solid;
padding: 0;
float: left;
display: inline;
list-style: none;
background: url( http://oceansoft.at.ua/_img/3.png);
position: relative;
height: 30px;
}
ul#cssmenu ul {
margin: 0 auto;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 30px;
left: 0;
}
ul#cssmenu ul:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#cssmenu ul li {
width: 150px;
float: center;
display: block !important;
display: inline;
border: red 1px solid;
}
/* Main Menu */
ul#cssmenu a {
border: 0px;
padding: 0 10px;
float: none !important;
float: left;
display: block;
background: url(http://oceansoft.at.ua/_img/3.png);
color: red;
font: bold 12px/28px Verdana, Arial;
text-decoration: none;
height: auto !important;
height: 1%;
}
/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
border-top: 2px solid #FFFFFF;
background: ;
color:white;
border-top:#D2B48C 1px solid;
}
/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a ,
.dropli a{
border-top: 2px solid #FFFFFF;
float: none;
background: darkred;
color: white;
}
/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
border-top: 2px solid #FFFFFF;
background: red;
color:white;
border:darkred 1px solid;
}
ul#cssmenu ul ul {
display: none;
position: absolute;
top: 0;
left: 150px;
}
ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
display: none;
}
ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
display: block;
}
ul#cssmenu ul {
margin: 0 auto;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 30px;
left: 0;
z-index: 1;
}
li.drop1h:hover .drop1{
display:block;
}
.drop1 {
position: absolute;
display: none;
margin-left: 151px;
margin-top: -31px;
}
.dropli{
min-width:150px;
background:darkness;
}
.dropli a {
min-width: 150px;
}
.dropli a:hover{
background:darkred !important;
}
</style>
<ul id="cssmenu">
<center>
<li><a href="http://oceansoft.at.ua/">Главная страница</a>
<ul><li><a href="http://oceansoft.at.ua/news/">Новости сайта</a></li>
<li><a href="http://oceansoft.at.ua/publ">Интересное</a></li>
</ul>
</li>
<li><a href="http://oceansoft.at.ua/load/zagruzki_dla_windows/1/">Загрузки для Windows</a>
<ul>
<li><a href="http://oceansoft.at.ua/load/zagruzki_dla_windows/skachat_windows/3">Скачать Windows</a></li>
<li><a href="http://oceansoft.at.ua/load/zagruzki_dla_windows/sistemnye/4">Для системы</a></li>
<li><a href="http://oceansoft.at.ua/load/zagruzki_dla_windows/grafika/6">Графика</a></li>
<li><a href="http://oceansoft.at.ua/load/zagruzki_dla_windows/ofisnye/7">Офисные</a></li>
<li><a href="http://oceansoft.at.ua/load/zagruzki_dla_windows/aktivatory/5">Активаторы</a></li>
</ul>
</li>
<li><a href="http://worldoftanks.ru">World of Tanks</a>
<ul>
<li class="drop1h"><a href="http://worldoftanks.ru/ru/content/docs/update/">Скачать игру</a><div class="drop1"><div class="dropli"><a href="http://oceansoft.at.ua/load/wot/modpaki/9">Модпаки</a></div><div class="dropli"><a href="http://oceansoft.at.ua/load/wot/modpaki/9">Модпаки</a></div><div class="dropli"><a href="http://oceansoft.at.ua/load/wot/modpaki/9">Модпаки</a></div><div class="dropli"><a href="http://oceansoft.at.ua/load/wot/modpaki/9">Модпаки</a></div></div></li>
<li><a href="http://oceansoft.at.ua/load/wot/modpaki/9">Модпаки</a></li>
<li><a href="http://oceansoft.at.ua/load/wot/ozvuchka/11">Озвучка</a></li>
<li><a href="http://oceansoft.at.ua/load/wot/ikonki/13">Иконки</a></li>
<li><a href="http://oceansoft.at.ua/load/wot/pricely/10">Прицелы</a></li>
<li><a href="http://oceansoft.at.ua/load/wot/khvm/12">ХВМ</a></li>
<li><a href="http://oceansoft.at.ua/load/wot/angary/15">Ангары</a></li>
<li><a href="http://oceansoft.at.ua/load/wot/shkurki/14">Шкурки</a></li>
<li><a href="http://oceansoft.at.ua/load/wot/video/16">Видео</a></li>
</ul>
</li>
<li><a href="http://oceansoft.at.ua/photo">Фото</a>
<ul>
<li><a href="http://oceansoft.at.ua/photo/zastavki/1">Заставки</a></li>
<li><a href="http://oceansoft.at.ua/photo/jumor/2">Юмор</a></li></ul>
</li>
<li><a href="http://oceansoft.at.ua/index/onlajn_pomoshh/0-5">Онлайн помощь</a>
</li>
<li>
<a href="http://oceansoft.at.ua/faq">FAQ</a>
</li><li>
<a href="http://oceansoft.at.ua/index/pravoobladateljam/0-4">Правообладателям</a>
</li><li>
<a href="http://oceansoft.at.ua/index/0-2">О сайте</a>
</li>
</center>
</ul>
