<style>
.menu{
    font-family:arial, sans-serif;
    width:100%;
    height:30px;
    position:relative;
    font-size:11px;
    z-index:100
}
.menu ul li a, .menu ul li a:visited{
    display:block;
    text-decoration:none;
    color:#000;
    width:100px;
    height:20px;
    text-align:center;
    color:#fff;
    border:1px solid #fff;
    background:#710069;
    line-height:20px;
    font-size:11px;
    overflow:hidden
}
.menu ul{
    padding:0;
    margin:0;
    list-style:none
}
.menu ul li{
    float:left;
    position:relative}
.menu ul li ul{
    display:none
}
.menu ul li:hover a{
    color:#fff;
    background:#36f
}
.menu ul li:hover ul{
    display:block;
    position:absolute;
    top:21px;
    left:0;
    width:105px
}
.menu ul li:hover ul li a{
    display:block;
    background:#ddd;
    color:#000
}
.menu ul li:hover ul li a:hover{
    background:#6fc;
    color:#000
}
</style>

<div class="menu">
    <ul> 
        <li><a class="hide" href="">Раздел 1</a>
 
        <!--[if lte IE 6]>
        <a href="">Раздел 1
        <table><tr><td>
        <![endif]-->
 
            <ul>
                <li><a href="ссылка" title="">подсказка</a></li>
                <li><a href="ссылка" title="">подсказка</a></li>
                <li><a href="ссылка" title="">подсказка</a></li>
            </ul>
 
        <!--[if lte IE 6]>
        </td></tr></table>
        </a>
        <![endif]-->
 
        </li>
 
        <li><a class="hide" href="">Раздел 2</a>
 
        <!--[if lte IE 6]>
        <a href="">Раздел 2
        <table><tr><td>
        <![endif]-->
 
            <ul>
                <li><a href="ссылка" title="">подсказка</a></li>
                <li><a href="ссылка" title="">подсказка</a></li>
                <li><a href="ссылка" title="">подсказка</a></li>
            </ul>
 
        <!--[if lte IE 6]>
        </td></tr></table>
        </a>
        <![endif]-->
 
        </li>
 
                <li><a class="hide" href="">Раздел 3</a>
 
        <!--[if lte IE 6]>
        <a href="">Раздел 3
        <table><tr><td>
        <![endif]-->
 
            <ul>
                <li><a href="ссылка" title="">подсказка</a></li>
                <li><a href="ссылка" title="">подсказка</a></li>
                <li><a href="ссылка" title="">подсказка</a></li>
           </ul>
 
        <!--[if lte IE 6]>
        </td></tr></table>
        </a>
        <![endif]-->
 
        </li>
 
    </ul> 
</div>

<script type="text/javascript">
var forum = "http://tests.rusff.org.ru"
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].href==forum+"/viewforum.php?id=x")
{arr[j].href="javascript: pass()"}
}}
function pass()
{
  if (prompt('Администратор установил пароль на этот форум', '') == "qwerty"){
    alert('Пароль принят. Нажмите "ОК" для редиректа');
    location.href = forum+"/viewforum.php?id=x";
}
else alert('Введенный пароль неверен');
}
changeLink()
</script>