下拉部分导航条被海报遮挡

下拉部分导航条被海报遮挡  怎么才能让它显示出来？
/*海报*/
.banner{      height:465px;       overflow:hidden;        position:relative;       margin-top:30px;}
.banner ul li{      position:absolute;        top:50%;         margin-top:-332px;       left:50%;       margin-left:-960px;}
.banner ul li img{      display:block;}


这是下拉框部分
.nav li .down     { width:500px;      height:50px;       background:#c6c6c6;       display:none;      position:absolute;     top:50px;     left:0;              line-height:50px;     }
.nav li .down a       { color:#7d7d7d;       font-size:14px;       padding:0 10px;}
.nav li:hover .down     { display:block;}

a877603359

经过多次实验      海报部分除去   position:relative;  下拉框就能显示出来       问  在不改变海报定位情况下怎么才能让导航条下拉部分不被海报遮挡