Это вставляем в CSS, в любое место
Code
*{ margin:0; padding:0 } #nav{ font-size:1em; list-style-type:none; width:600px; height:25px; display:inline-block; background:#009933; line-height:25px } #nav li{ float:left; width:120px; margin-top:-10000px } #nav li a{ width:120px; text-decoration:none; text-align:center; color:#fff; position:relative; float:left; margin-right:-119px; margin-top:10000px } #nav li a:hover, #content #nav li a:focus, #content #nav li a:active{ background:#00FF00; margin-right:0; color:#FF0000 } #nav li ul{ background:#009933; float:left; margin-top:-25px; padding-top:25px; margin-bottom:-10000px; list-style-type:none } #nav li ul li{ float:none; margin:0; width:auto } #nav li ul li a{ float:none; display:block; margin:0; margin-right:-1px; background:#009933 }
а это где будет меню
Code
<ul id="nav"> <li><a href="/">Главная</a></li> <li><a href="/publ">Онлайн Радио</a> <ul> <li><a href="/publ/ukraina/2">Украина</a></li> <li><a href="/publ/rossija/1">Россия</a></li> <li><a href="/publ/belarussija/3">Беларуссия</a></li> </ul> </li> <li><a href="/board/">Онлайн ТВ</a> <ul> <li><a href="/board/ukraina/2">Украина</a></li> <li><a href="/board/rossija/1">Россия</a></li> <li><a href="/board/belorussija/3">Беларуссия</a></li> </ul> </li> <li><a href="/load">Видеоклипы</a></li> <li><a href="/index/3">Регистрация</a></li> </ul>
