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;
    }