IE problem with A:hover

[supergrover1981]

Gidday guys,

I'm currently trying to write up a CSS navigation menu, and I'm having a little problem in IE 6.

Problem can be viewed at:

http://www.johnbayne.com/hiclone1/1.html

The problem is with the 2 menu items in the top-right corner. In Firefox, everything works fine. In IE6, "A:hover" works when the mouse is rolled over the menu item, but when the mouse rolls off, hover stays active.

Any ideas most appreciated.

Cheers,
- JB

[ronverdonk]

You show the site, why don't you show the CSS in question?

Ronald :cool:

[supergrover1981]

You show the site, why don't you show the CSS in question?

Ronald :cool:

:)

 /* CSS Document */ 
 
#mainbox {
	background: #FFFFFF;
	width: 765px;
	height: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	border-style: solid;
	border-color: #666666;
	border-width: 2px;
	padding: 0px;
	}
 
#headerbackground {
	background: url(topbg.jpg);
	background-repeat: repeat-x;
	float: left;
	width: 759px;
	height: 80px;
	margin: 3px;
	border: 0px;
	padding: 0px;
 
	}
 
#headermenu {
	background: url(topmenubackgroundtp.gif);
	width: 101px;
	height: 80px;
	padding: 0px;
	margin: 0px;
	float: right;
	border: 0px;
	text-align: center;
	vertical-align: bottom;
	background-color: #0000FF;}
 
A:link #headermenu {
	background-color: #0000FF;
	}
 
A:visited #headermenu {
	background-color: #33CC33;
}	
 
A:active #headermenu {
	background-color: #CCCCCC;
	}
 
A:hover #headermenu {
	background-color: #FF0000;
	}
 
#headermenu p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 55px;
	}