#menuUl
{
    width:960px;
    height:40px;
    margin:0 auto;/*设定导航条的宽度，并让其可以始终居中显示*/  
    list-style:none;    
    background:url(../images/menu.gif) no-repeat;
}
#menu01,#menu02,#menu03,#menu04,#menu05,#menu06,#menu07,#menu08{width:120px; height:40px; display:block;}
#menuUl li {/*让主菜单横排*/
    float:left;
    text-align:center;
    position:relative;/*定义其下属的UL的位置，也就是相对此的0和0的位置*/
    height:31px;/*固定子菜单项的高度，避免由于定义子项单项中A标签的高度而改变高度。它应该是菜单高度加上margin*/
    z-index:1052;
}

#menuUl li a:link, #menuUl li a:visited {/*定义主菜单中和子菜单中A标签的显示方式*/
    display:block; 
    width:120px;
    text-indent:-9999px;
    
}        
#menuUl li ul
{
    /*定义下级菜单也就是UL的显示方式*/
    display: none;
    position: absolute; /*这个应该是相对于主菜单LI的显示方式*/
    top: 39px; /*与主菜单中的LI等高，也就是正好从其下方开始显示子菜单*/
    left: 0px;
    width: 170px;
    background: #fff;
    list-style: none;    
    border:1px solid #e8e8e8;
    border-top:2px solid red;
    border-bottom:2px solid red;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index:1050;
}

#menuUl li a:hover
{
    color: #3399cc;
    text-decoration:underline;
}
#menuUl li ul li a:link, #menuUl li ul li a:visited
{
    text-align: left;
    text-indent: 1em;
    display: block;
    width: 166px;
    height: 27px;
    line-height: 27px;
    margin: 2px;
}