View Single Post
Unread 10-07-2008, 02:08 PM
gosdest gosdest is offline
Junior Member
Join Date: Sep 2008
Location: Brussels
Posts: 3
Smile Fix found, I think!

Having read about similar problems elsewhere, I added a z-index to each main <li> tag of the menu, using decreasing values so that the top item can overlay the lower ones and so on.


<ul id="udm" class="udm">

<li class="onclick" id="agrifood" style="z-index:10000"><a id="agrifoodButton" class="navButton" href="index_en.cfm?p=zz_sitemap#agrifood" name="agrifood" title="Click for projects in the area of
Agriculture and Food"><span></span>Agriculture & Food</a>

<li ><a href="index_en.cfm?p=61" title="Biotech advances in wine production">Biotech advances in wine production</a> </li>
<li><a href="index_en.cfm?p=63" title="Crusts, Crumbs and Chromatography">Crusts, Crumbs and Chromatography</a> </li>
<li><a href="index_en.cfm?p=64" title="Food allergies">Food allergies</a> </li>

<li class="onclick" id="education" style="z-index:9900"><a id="educationButton" class="navButton" href="index_en.cfm?p=00_intro" name="education" title="Click for projects in the area of Education"><span></span>Education</a>
<li><a href="index_en.cfm?p=03_intro" title="PANS">Public awareness of nuclear science</a> </li>
<li><a href="index_en.cfm?p=07" title="Serious games">Serious games</a></li>

I tried the z-index in the id but this did not work, indeed it made things worse in other browsers, hence the use of style in each line here, which works for IE7 and does not harm IE6, Firefox or Opera. I've yet to try Chrome.
Reply With Quote