导航条上拉

导航条下拉
<link rel="stylesheet" type="text/css" href="nav.css">

<div id="home_page_top">

    <div style="clear:left;" onclick="announcement()">'联系我们'</a>-->
               <a href="/main/contract" width="2" height="15">&nbsp;
            </li>
            <li>
                <a href="#" 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="#" 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" width="2" height="15">&nbsp;
            </li>
            <li>
            <!-- 暂时屏蔽<a href="#" onclick="announcement()">'我的比赛'</a>-->
                <a href="/center" width="2" height="15">&nbsp;
            </li>
            </li>
            <li>
                <a href="/main" 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;}