[SOLVED] Hovering over these links works in FF not IE 6

[rxbanditboy1112]

http://www.parrisstudios.com/mirage_framing/

 

It is a simple a:hover type thing, but I am not sure why it isn't working properly.

 

ul a{
line-height:20px;
float:left;
display:block;
padding: 0 20px;
text-decoration:none;
color: #C0AEA0;
position:relative;
}

li a:hover {
float:left;
position:relative;
background-color:#EADED2;
line-height:20px;
}

ul li{
float: left;
background-color:#ffffff;
position:relative;
line-height:20px;
}

li a{
display:block;
text-decoration:none;
color: #C0AEA0;
float:left;
position:relative;
line-height:20px;
}

[dbrimlow]

You need to put the four link states in proper order. It is ALWAYS:

 

a:link, a:visited

a:hover, a:active

 

li a:link, li a:visited {

display:block;

text-decoration:none;

color: #C0AEA0;

float:left;

position:relative;

line-height:20px;

}

 

li a:hover, a:active {

float:left;

position:relative;

background-color:#EADED2;

line-height:20px;

}

 

They only work when in order ("link, visited, hover, active" - "LVHA" - "LoVe HAte")

[rxbanditboy1112]

AWESOME! Thanks for the help.

Mixed with that and removing some unnecessary lines i got it to do what I want now .

[dbrimlow]

Once again LoVe HAte saves the day!