Hi all,
I have developed a dropdown menu (the one from the 'More Eric Meyer on CSS')
and have got it to work in Mozilla Firefox, but in IE the second level menu
doesn't show when the first level list item containing the menu is hovered.
Hope you can help me on this, as I really cant see what I'm missing. Below is
the HTML markup for the menu...
<div class="linkPool">
<ul class="level1">
<li><a href="" title="Pupils homework...">Homework</a></li>
<li class="submenu"><a class="submenu" href="" title="The main letters for
parents of pupils...">Letters to Parents</a>
<ul class="level2">
<li><a href="">Reception</a></li>
<li><a href="">Year one</a></li>
<li><a href="">Year two</a></li>
</ul>
</li>
<li><a href="" title="FOSSA Events...">FOSSA Events</a></li>
<li class="submenu"><a class="submenu" href="" title=" The schools current
work...">Our Work</a>
<ul class="level2">
<li><a href="">Reception</a></li>
<li><a href="">Year one</a></li>
<li><a href="">Year two</a></li>
</ul>
</li>
<li><a href="" title="Clubs present in the school...">Clubs</a></li>
</ul>
</div>
and the CSS is as follows.
div.linkPool ul {margin: 0; padding: 0; background: white; border: 1px solid
#c2c2bc;}
div.linkPool li {position: relative; list-style: none; margin: 0;
border-bottom: 1px solid #c2c2bc; }
div.linkPool li a {display: block; width: 150px; }
div.linkPool>ul a {width: auto; }
div.linkPool ul ul {position: absolute; top: 0; left: -122px; display: none; }
div.linkPool ul.level1 li.submenu:hover ul.level2 {display: block; }
div.linkPool ul ul li {width: 120px; background: white; }
Alternatively, you can see it live at the following url,
www.oldsodbury-pri.s-gloucs.sch.uk
The first level menus that should reveal second level menus are 'Letters to
Parents' and 'Our Work', but as you'll notice, in IE they just don't display.
Hope you can help. Thanks.
Tryst
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
