Menu
Um here is my code, in Firefox it wont change colors on the <li>’s, but it works fine in ie. Anyone know why?
[CODE]
<HTML>
<HEAD>
<STYLE TYPE=’TEXT/CSS’>
li.h2hover {
COLOR: #000000;
list-style: disc;
font-size: 18;
}
li.h2nothover {
COLOR: BLUE;
list-style: none;
font-size: 16;
}
li:hover {
COLOR: #000000;
list-style: disc;
font-size: 18;
}
div.base {
visibility: hidden;
background-color: gray;
border:3px black solid;
top:0px;
left:0px;
width:20px;
height:50px;
position:absolute;
}
div.block {
visibility: visible;
background-color: gray;
border:3px black solid;
top:32px;
left:5px;
width:100px;
height:60px;
position:absolute;
}
div.base:hover {
visibility: visible;
background-color: gray;
border:3px black solid;
top:32px;
left:5px;
width:100px;
height:60px;
position:absolute;
}
.hi {
text-decoration: none;
}
</STYLE>
<script language=’javascript’ type=’text/javascript’>
function over() {
over=false;
}
</script>
</HEAD>
<BODY>
<div id=’nav’ class=’nav’
onmouseover=’document.getElementById(“base”).className=”block”;this.style.wid
th=”100px”;this.style.height=”80px”;’
onmouseout=’document.getElementById(“base”).className=”base”;this.style.heigh
t=”20px”;this.style.width=”20px”;’style=’top:0px;left:0px;width:20px;height:2
0px;’><a href=’#’ class=’hi’ style=’color:black;’>Here!</a>
<div id=’base’ class=’base’>
<UL>
<a href=’#’ class=’hi’ style=’color:blue;’><LI class=’h2nothover’ id=’li’
onmouseout=”this.className = ‘h2nothover’;” onmouseover=”this.className =
‘h2hover’;”>Hi</LI></a>
<a href=’#’ class=’hi’ style=’color:blue;’><LI class=’h2nothover’ id=’li’
onmouseout=”this.className = ‘h2nothover’;” onmouseover=”this.className =
‘h2hover’;”>hI</LI></a>
</UL>
</div></div>
</BODY>
</HTML>