<style> 
#menu {list-style:none;margin:0;padding:0;} 
#menu a {font:11px Arial;font-weight:bold;
color:#fff;text-decoration:none;display:block;margin-top:4px;padding-top:3px;} 
#menu li {float:left;display:block;width:100px;height:30px;margin:1px;
background:#000;text-align:center;cursor:pointer;} 
#menu li:hover {background:#FF9900;} 
</style> 
<ul id='menu'> 
<li><a href='http://ВАШ САЙТ'>Главная</a></li> 
<li><a href='http://ВАШ САЙТ'>Гостевая</a></li> 
<li><a href='http://ВАШ САЙТ'>Форум</a></li> 
<li><a href='http://ВАШ САЙТ'>Блог</a></li> 
</ul > 
<script> 
li = document.getElementById('menu').getElementsByTagName('a');