My website works fine with IE6 or Firefox, but since I've installed IE7 the menu no longer works properly.
The website is here: www.moviepostercollector.co.uk
The menu on the left is layered in a simple table way. The menu bit is like a list. When you hover over the first option, the second menu pops up then you can select an item from the second menu. In IE7 when you get onto that second menu, as soon as you try and select something other than the first option it closes!
The Java:
I'm useless at coding. So does anyone know why IE7 doesn't like this? Ta
The website is here: www.moviepostercollector.co.uk
The menu on the left is layered in a simple table way. The menu bit is like a list. When you hover over the first option, the second menu pops up then you can select an item from the second menu. In IE7 when you get onto that second menu, as soon as you try and select something other than the first option it closes!
Code:
<div id="leftcontent">
<h1>Menu</h1>
<ul id="nav">
<li><a href="index.html">News</a></li>
<li><a href="types_posters.html">Types of Posters</a>
<ul>
<li><a href="us_posters.html">US Posters</a></li>
<li><a href="eu_posters.html">European Posters</a></li>
<li><a href="other_posters.html">Other Posters</a></li>
</ul>
</li>
<li><a href="forum.html">Forum</a></li>
<ul>
</div>
The Java:
Code:
// JavaScript Document
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
I'm useless at coding. So does anyone know why IE7 doesn't like this? Ta
