导航条下拉

<link rel="stylesheet" type="text/css" href="nav.css">

<div id="home_page_top">

    <div style="clear:left;" class="menucontainer">
        <div id="navigation_bar" class="menu"  >
            <ul style="padding-top:10px;">
            <li>
            <!-- <a href="#" onclick="announcement()">'联系我们'</a>-->
               <a href="/main/contract" class="nov">联系我们</a>
            </li>
            <!--
            <li>
                <a href="/forum" class="nov">大赛论坛</a>
            </li>
            -->
            <li>
                <a href="/blogs/all" class="nov">大赛博客</a>&nbsp;<img src="images/2009/doc.gif" width="2" height="15">&nbsp;
            </li>
            <li>
                <a href="#" class="nov">相关资讯&nbsp;<img src="images/2009/doc.gif" width="2" height="15">&nbsp;
                    <!-[if IE 7]><!-></a>
                <!-<![endif]->
                <table style=" z-index:100;">
                    <tr>
                        <td>
                            <ul>
                                <li style=" z-index:100;">
                                    <a href="/main/channel/54" target="_self">'大赛新闻'</a>
                                </li>
                                <li style=" z-index:100;">
                                    <a href="/main/channel/57" target="_self">'大赛感言'</a>
                                </li>
                                <li style=" z-index:100;">
                                    <a href="/main/album" target="_self">'精彩瞬间'</a>
                                </li>
<li style=" z-index:100;">
                                    <a href="/center/all_teams" target="_self">'团队信息展示'</a>
                                </li>
<!--
暂时屏蔽该功能-->
                                <li style=" z-index:100;">
                                    <a href="/main" target="_self">'赞助商信息展示'</a>
                                </li>
<li style=" z-index:100;">
                                    <a href="/updatefiles/index" target="_black">'视频教学资料'</a>
                                </li>

                            </ul>
                        </td>
                    </tr>
                </table>
                <!-[if lte IE 6]>
                    </a>
                <![endif]->
            </li>
            <li>
                <a href="#" class="nov">大赛内容&nbsp;<img src="images/2009/doc.gif" width="2" height="15">&nbsp;
                    <!-[if IE 7]><!-></a>
                <!-<![endif]->
                <table style=" z-index:100;">
                    <tr>
                        <td>
                            <ul>
                                <li style=" z-index:100;">
<!--  暂时屏蔽<a herf="#" onclick="announcement()">'管理创新'</a> -->
                                   <a href="/main/channel/59" target="_self">'管理模拟比赛'</a>
                                </li>
                                <li style=" z-index:100;">
<!--  暂时屏蔽 <a href="#" onclick="announcement()">'创新产品设计'</a> -->
                                    <a href="/main/channel/60" target="_self">'产品设计比赛'</a>
                                </li>
                                <li style=" z-index:100;">
    <!--  暂时屏蔽<a href="#" onclick="announcement()">'创意营销策划'</a> -->
                                   <a href="/main/channel/61" target="_self">'营销策划比赛'</a>
                                </li>
<li style=" z-index:100;">
   <a href="/main/channel/70" target="_self">'创业实践比赛'</a>
                                    <!-- 暂时屏蔽<a href="/main/channel/64" target="_self">'企业竞争模拟大赛'</a>-->
                                </li>
                            </ul>
                        </td>
                    </tr>
                </table>
                <!--[if lte IE 6]>
                    </a>
                <![endif]-->
            </li>
            <li>
               <a href="/main/description" class="nov">大赛介绍</a>&nbsp;<img src="images/2009/doc.gif" width="2" height="15">&nbsp;
            </li>
            <li>
            <!-- 暂时屏蔽<a href="#" onclick="announcement()">'我的比赛'</a>-->
                <a href="/center" class="nov">我的比赛</a> &nbsp;<img src="images/2009/doc.gif" width="2" height="15">&nbsp;
            </li>
            </li>
            <li>
                <a href="/main" class="nov">首页</a>&nbsp;<img src="images/2009/doc.gif" width="2" height="15">&nbsp;
            </li>
        </ul>
    </div>
</div>
</div>



css--------------------------------------------------------------------

/*code based on Stu Nicholls "ultimate dropdown menu"
http://www.cssplay.co.uk*/
/*common styling*/
/*menu container*/
#home_page_top .menucontainer {
   
}

/*basic menu styling*/
#home_page_top .menu {
    float: left;
    font-family: Helvetica, arial, verdana, sans-serif;
    width: 100%;
    position: relative;
    font-size: 14px;
    font-weight: bold;
  
}

#home_page_top .menu ul {
    padding-left: 1;
    margin: 0;
    list-style-type: none;
    float: left;
    position: relative;
}

#home_page_top .menu ul li {
margin-right:10;
    float: right;
    position: relative;
    display: inline;
right:10px
}

/*style of main items normal state*/
#home_page_top .menu ul li a, .menu ul li a:visited {
margin-right:50;
    float: left;
    display: block;
    text-decoration: none;
    color: #FFFBFF;
    width: auto;
    height: 23px;
    padding: 0px 20px 0px 30px;
    line-height: 23px;
    text-transform: uppercase;
/*font-family: Times;*/
font-size: 15px;
}* html .menu ul li a, .menu ul li a:visited {
    width: auto;
    width:auto;}

/*hide sub nav items*/
#home_page_top .menu ul li ul {display:none;}
/*style for table of sub nav items*/
#home_page_top table {margin:-10px;border-collapse:collapse;font-size:14px;}
/*specific to non IE browsers*/
/*main nav over state*/
#home_page_top .menu ul li:hover a {color:#fff;background: url(images/new_home_page/bg_manu_h.png) top left repeat-x;}
/*show drop-down list*/
#home_page_top .menu ul li:hover ul {display:block;position:absolute;top:22px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
#home_page_top .menu ul li:hover ul li a {display:block;background:#CEEFF8;color:#034895;height:auto;line-height:15px;padding:2px 16px 2px 16px;width:100px;border-bottom:1px solid #fff;}
/*sub drop-down over state*/
#home_page_top .menu ul li:hover ul li a:hover {background:#FFFFFF;color:#000;}