Wed, 2010-09-15 07:07
Here is the url to check this ie7 problem out. Works fine in Firefox. It is easier to see than to explain but I will also try to explain as well.. http://www.virtual-leap.com/test/
What is happening:
When I scroll down the 1st submenu (from the top-parent menu) and then open a 2nd submenu with it's links visible everything is fine. After I leave that menu and open another top-parent menu and scroll down the 1st submenu and open its 2nd submenu that is fine too. However, If i go back to the 1st submenu an arbitray 2nd submenu is visible and has no link text in it.. I tried several event page refresh options (onFocus, onClick etc) but they don't work effectively (actually quite annoying). There is a lot of css code and I don't know which of it would be most relevant.
Thank you for taking the time to look this over...
So here it is:
CSS
#menuh-container { position: absolute; top: 0; left: 0; margin: 193px 0 0 300px; height: 33px; z-index:500; } #menuh { font-size: 18px; font-family: arial, helvetica, sans-serif; width:100%; height: 28px; } #menuh a { text-align: right; display:block; border-right: 3px solid #9fcc3b; /** color green **/ white-space:nowrap; margin:0; height: 26px; } #menuh a img { border:0; } #menuh a:link, #menuh a:visited, #menuh a:active { /* menu at rest */ color: white; /* text color */ background-color:#5d97d1; /** color light blue **/ text-decoration:none; } #menuh a:hover { /* menu on mouse-over */ color:white; background-color:#2a3478; /** color dark blue **/ text-decoration:none; } { background-image: url(images/nav_white.gif); background-position: right center; background-repeat: no-repeat; } #menuh ul { list-style:none; margin:0; padding:0; float:left; width:125px; /* width of all menu boxes */ } #menuh li { position:relative; min-height: 1px; /* for IE7 */ vertical-align: bottom; /* for IE7 */ } #menuh ul ul { position:absolute; z-index:200; top:auto; display:none; } #menuh ul ul li { border:1px solid #9fcc3b; /** color green **/ border-bottom:0; background-color:#5d97d1; /* light blue */ color:white; padding:0 0 0 15px; width: 330px; } #menuh ul ul li.last { border-bottom:1px solid #9fcc3b;} #menuh ul ul li a { border-right:0;} #menuh ul ul li a:hover { color:white; background-color:#2a3478; /** color dark blue **/ text-decoration:none; margin:0; padding:0; margin-left: -15px } #menuh ul ul ul { top:0; left:100%; } #menuh ul ul ul li { width: 225px; background-color: #5d97d1; /* second submenu - color is light blue */ } div#menuh li li ul a { text-align:left; } /* submenu of Train the Trainer */ div#menuh li li ul li.wider { width: 435px;} div#menuh li li ul li.wider a{ width: 448px; margin-left:-14px} /* submenu of Support Programs */ div#menuh li li ul li.wider_support { width: 190px; } div#menuh li li ul li.wider_support a{ width: 203px; margin-left:-14px} /* submenu of Learn Transferable Coaching Skills */ div#menuh li li ul li.wider_learn { width: 197px;} div#menuh li li ul li.wider_learn a { width: 210px; margin-left:-14px} div#menuh li li ul li.last {border-bottom: 1px solid #9fcc3b} div#menuh li li ul li#last {border-bottom: 1px solid #9fcc3b} div#menuh li li ul li#last0 {border-bottom: 1px solid #9fcc3b} div#menuh li li ul li#last1 {border-bottom: 1px solid #9fcc3b} div#menuh li li ul li#last2 {border-bottom: 1px solid #9fcc3b} div#menuh li li ul li#last3 {border-bottom: 1px solid #9fcc3b} div#menuh li li ul li#last4 {border-bottom: 1px solid #9fcc3b} div#menuh li li ul li#last5{border-bottom: 1px solid #9fcc3b} div#menuh li li ul li#last6 {border-bottom: 1px solid #9fcc3b} div#menuh li li ul li#last7 {border-bottom: 1px solid #9fcc3b} div#menuh li li ul li#last8 {border-bottom: 1px solid #9fcc3b} /* submenu of Products */ div#menuh li li ul li.wider_prod { width: 140px; } /* submenu of Products (books and submenu of books ) */ div#menuh li li ul li.wider_prod a {text-align:right; b} /* submenu of Products (books) */ div#menuh li li ul li.wider_prod ul li { width:185px;} div#menuh li li ul li.wider_prod ul li a {width:198px; text-align:left; margin-left:-14px;} /* submenu of Products (videos) */ div#menuh li li ul li.wider_prod ul li#videos { width:275px; } div#menuh li li ul li.wider_prod ul li#videos a { width:288px;} /* submenu of Products (podcasts) */ div#menuh li li ul li.wider_prod ul li#pods { width:250px; } div#menuh li li ul li.wider_prod ul li#pods a { width:263px; } /* submenu of Products (packages) */ div#menuh li li ul li.wider_prod ul li#pack { width:320px; } div#menuh li li ul li.wider_prod ul li#pack a { width:333px; } /* submenu of Services (coaching initiative consulting) */ div#menuh li li ul li.wider_service { width:250px;} div#menuh li li ul li.wider_service a { width:263px; margin-left:-14px;} /* submenu of Services (Tools - Assesment) */ div#menuh li li ul li.wider_tool { width:120px;} div#menuh li li ul li.wider_tool a { width:133px; margin-left:-14px;} div#menuh li:hover { cursor:pointer; z-index:100; } div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul {display:none;} div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul {display:block;} /* End CSS Drop Down Menu */
Html
<div id="wrapper"> <img src="../images/COTB_FINAL_copy.jpg" width="1024" height="768" border="0" /> <div id="menuh-container"> <div id="menuh"> <ul> <li><a href="#" >our goods <img src="../images/navdown_white.GIF" width="15" height="15" /></a> <ul> <li><a href="#">Learn Transferable Coaching Skills <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul> <li class="wider_learn"><a href="#">Using Coaching to Lead</a></li> <li id="last" class="wider_learn"><a href="#">5/5/5</a></li> </ul> </li> <li><a href="#" >Train the Trainer <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul > <li class="wider"><a href="#">For ACTP Coaches</a></li> <li id="last0" class="wider"><a href="#">For HR Professionals & Developement Professionals</a></li> </ul> </li> <li><a href="#" >Support Programs <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul> <li id="last1" class="wider_support"><a href="#">Personal Groundwork</a></li> </ul> </li> <li><a href="#">Products <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul> <li class="wider_prod"><a href="#">Books <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul> <li><a href="#" > 365 - Shopping Cart </a> </li> <li class="last" ><a href="#" >PGFC - Shopping Cart </a></li> </ul> </li> <li class="wider_prod"><a href="#">Videos <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul> <li class="last" id="videos"><a href="#" > Airplane Journals - Shopping Cart </a> </li> </ul> </li> <li class="wider_prod"><a href="#">Podcasts <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul> <li class="last" id="pods"><a href="#" > Coming Soon - Shopping Cart </a> </li> </ul> </li> <li id="last2" class="wider_prod"><a href="#">Packages <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul> <li class="last" id="pack"><a href="#" > Royal Roads Package - Shopping Cart </a> </li> </ul> </li> </ul> <!-- Products --> </li><!-- Products --> <li ><a href="#">Services <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul> <li class="wider_service"><a href="#">One on One Coaching</a></li> <li class="wider_service"><a href="#">Group Coaching</a></li> <li id="last3" class="wider_service"><a href="#">Coaching Initiative Consulting</a></li> </ul><!-- Services --> </li><!-- Services --> <li class="last"><a href="#">Tools <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul> <li id="last4" class="wider_tool"><a href="#">? Assesments</a></li> </ul> </li> </ul> </li> </ul> <!-- ********************************************************************************************************************************** --> <ul> <li><a href="#" >our people <img src="../images/navdown_white.GIF" width="15" height="15" /></a> <ul> <li><a href="#">Core Team </a></li> <li><a href="#">Licensed Trainers <img src="../images/nav_white.GIF" width="15" height="15" /></a> <ul> <li><a href="#">Licensed Trainers Canada</a></li> <li><a href="#">Licensed Trainers U.S.A.</a></li> <li><a href="#">Licensed Trainers Other</a></li> </ul> </li> <li><a href="#" class="parent">Sub 2:5</a> <ul> <li><a href="#">Sub 2:5:1</a></li> <li><a href="#">Sub 2:5:2</a></li> <li><a href="#">Sub 2:5:3</a></li> <li><a href="#">Sub 2:5:4</a></li> <li><a href="#">Sub 2:5:5</a></li> </ul> </li> </ul> </li> </ul> <ul> <li><a href="#" >our buzz <img src="../images/navdown_white.GIF" width="15" height="15" /></a> <ul> <li><a href="#" >Sub 3:2</a> <ul> <li><a href="#">Sub 3:2:1</a></li> <li><a href="#">Sub 3:2:2</a></li> <li><a href="#">Sub 3:2:3</a></li> <li><a href="#">Sub 3:2:4</a></li> </ul> </li> <li><a href="#" >Sub 3:3</a> <ul> <li><a href="#">Sub 3:3:1</a></li> <li><a href="#">Sub 3:3:2</a></li> <li><a href="#">Sub 3:3:3</a></li> <li><a href="#">Sub 3:3:4</a></li> </ul> </li> <li><a href="#" >Sub 3:4</a> <ul> <li><a href="#">Sub 3:4:1</a></li> <li><a href="#">Sub 3:4:2</a></li> <li><a href="#">Sub 3:4:3</a></li> <li><a href="#">Sub 3:4:4</a></li> <li><a href="#">Sub 3:4:5</a></li> </ul> </li> </ul> </li> </ul> </ul> </li> </ul> </div> </div> <!-- menuh-container -->
