/* Gorizontal menu style by GSDisign.ucoz.ru */
<br/>
<br/>
#menu {
<br/>
height: 27px;
<br/>
behavior: url(http://www.htmlblog.ru/examples/gmenu/csshover.htc);
<br/>
background: #9ea8b2 url(http://proba-saytov.ucoz.com/exempl.gif) repeat-x;
<br/>
}
<br/>
#menu ul, li {
<br/>
margin: 0px;
<br/>
padding: 0px;
<br/>
}
<br/>
ul.menu {
<br/>
float: left;
<br/>
}
<br/>
#menu ul.menu li {
<br/>
margin: 0px;
<br/>
float: left;
<br/>
width: 140px;
<br/>
height: 27px;
<br/>
display: block;
<br/>
padding-top: 10px;
<br/>
text-align: center;
<br/>
}
<br/>
#menu ul.menu li:hover {
<br/>
background: #5e717f url(http://proba-saytov.ucoz.com/exempl1.gif) repeat-x;
<br/>
}
<br/>
#menu ul.menu li:hover ul.submenu {
<br/>
display: block;
<br/>
-margin-top: -27px;
<br/>
-margin-left: -140px;
<br/>
}
<br/>
#menu ul.menu li ul.submenu {
<br/>
display: none;
<br/>
margin-top: 10px;
<br/>
position: absolute;
<br/>
background: #bcc4ce;
<br/>
}
<br/>
#menu ul.menu li ul.submenu li {
<br/>
float: none;
<br/>
display: block;
<br/>
}
<br/>
#menu ul.menu ul.submenu li:hover {
<br/>
background: #9ca6b0;
<br/>
}
<br/>
#menu ul li a {
<br/>
color: #fff;
<br/>
font-size: 11px;
<br/>
text-decoration: none;
<br/>
}
<br/>
#menu ul li a:hover {color: #ecd661;}
<br/>
#menu ul.submenu li a {
<br/>
color: #4f5458;
<br/>
font-size: 11px;
<br/>
text-decoration: none;}
<br/>
#menu ul.submenu li a:hover {
<br/>
color: #152535;
<br/>
}
<br/>
<br/>
/* ---------- Gorizontal menu style by GSDisign.ucoz.ru ---------- */

<div id="menu">
<br/>
<ul class="menu">
<br/>
<li><a href="http://torrentmd.3dn.ru/">Главная</a></li>
<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Info.png"><a href="#">Об авторе и блоге</a></li>
<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Line_Chart.png"><a href="$SITE_URL$/news/">Новости</a></li>
<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Load.png"><a href="$SITE_URL$/load/">Файлы</a></li>
<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Modify.png"><a href="$SITE_URL$/publ/">Статьи</a></li>
<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Bar_Chart.png"><a href="$SITE_URL$/forum/">Форум</a></li>
<br/>

<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Profile.png"><a href="$SITE_URL$/index/8">Мой профиль</a>
<br/>
<ul class="submenu">
<br/>
<li><a href="$SITE_URL$/index/14-1">Принятые сообщения</a></li>
<br/>
<li><a href="$SITE_URL$/index/14-0-0-1">Отправить ЛС</a></li>
<br/>
<li><a href="$SITE_URL$/load/0-0-$USER_ID$-0-17">Мои файлы</a></li>
<br/>
<li><a href="$SITE_URL$/publ/0-0-$USER_ID$-0-17">Мои статьи</a></li>
<br/>
<li><a href="$SITE_URL$/news/0-0-0-0-17-$USER_ID$">Мои новости</a></li>
<br/>
<li><a href="$SITE_URL$/load/0-0-0-0-1">Добавить файл</a></li>
<br/>
<li><a href="$SITE_URL$/publ/0-0-0-0-1">Добавить статью</a></li>
<br/>
<li><a href="$SITE_URL$/news/0-0-0-0-1">Добавить новость</a></li>
<br/>
<li><a href="$SITE_URL$/index/10">Покинуть сайт</a></li>
<br/>
</ul>
<br/>
</li>
<br/>

<br/>
</ul>
<br/>
</div>