html - IE 7 & 8 drop down issue -


i new building sites go easy on me :) having issue ie 7 , 8 css dropdown menu. works fine in others browsers.

here css struggling with:

.nav-item {     display: inline-block; padding: 25px 10px 25px 20px; top: 0px;     font-size: 14px; position: relative;      /* ie7 fix*/     zoom: 1; *display: inline; }  .nav-item .dropdown {     display: none;position: absolute; top: 62px; text-align: left;  left: 27px;      padding: 5px 10px 8px 5px; background: #343434; border-radius: 0px 0px 4px 4px; z-index: 11;  }  #header-wrapper {width: 990px; margin: 0 auto; text-align: left; position: relative; z-index: 9;  overflow: visible;} 

the drop down seems stay within header , not overhang though it's position absolute, if header-wrapper has overflow: hidden;

any ideas or suggestions great, thanks!

adam

please remove .gradient class menuitem.

one small issues <div class="dropdown gradient"> , should <div class="dropdown>


Comments

Popular posts from this blog

javascript - Count length of each class -

What design pattern is this code in Javascript? -

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -