html - CSS, drop down and transparency problem -


i have drop down list , have footer, when pull down drop down list... footer in front of list blocking view, how can eliminate this:

alt text

my css footer is:

#footer {     height:45px;     padding:10px 0;     position:relative; } #footer .inner {     position:relative;     z-index:2; } #ie6 #footer .inner { } #footer .bg {     background:url("http://jqueryui.com/images/footer_bg.png") no-repeat scroll left top transparent;     height:65px;     left:0;     position:absolute;     top:0;     width:100%;     z-index:1; } #ie6 #footer .bg {     background:none repeat scroll 0 0 transparent; } #footer p {     color:#5e5e5e;     font:9px 'arial','helvetica',sans-serif;     margin:0;     padding:0;     text-transform:uppercase; } #footer p {     color:#bbbbbb; } #footer span.first {     display:block;     float:left;     padding:6px 0 0 16px; } #footer .block {     display:block;     float:left; } #footer .block span, #footer span.empty {     display:none; } #footer .liferay {     background:url("http://jqueryui.com/images/icon_liferay.gif") repeat scroll 0 0 transparent;     border:0 none;     height:22px;     margin:3px 10px 0;     width:98px; } #footer .filamentgroup {     background:url("../images/oracle.png") ;     border:0 none;     height:18px;     margin:3px 22px 0 3px;     width:90px; } 

and here's actual footer code:

set menu's z-index style higher footer's. can see footer styles there can't know styles have applied popup menu.


Comments

Popular posts from this blog

asp.net - repeatedly call AddImageUrl(url) to assemble pdf document -

java - Android recognize cell phone with keyboard or not? -

iphone - How would you achieve a LED Scrolling effect? -