CSS Query

[russellbain]

I have a website that i am nearly finished working on, I am now testing the page and have found a problem.

I am using the lines:

a:hover {
text-decoration: underline;
}


in my css to underline link text when the mouse pointer hovers over the top of it. When testing it i found that this works perfect in IE6 and 7 but it doesnt work in firefox? is there a reason for this or can i adapt my code in any way to make this work?

Thanks

[ryanbutler]

By default, links are underlined, so there normally wouldn't be a CSS to do this, other than to change the text color. Additionally, you need all states of the link:

a:link{

}
a:visited{

}
a:hover{

}
a:active{

}

However, we'd need to see the code to the entire page to make sure nothing else is causing it to go awry.

[russellbain]

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

pre

{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}

h1 a:link {
text-decoration: none;
color: #006699;
}

h1 a:visited {
text-decoration: none;
color: #006699;
}

h1 a:hover {
text-decoration: underline;
color: #006699;
}

Textleft
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#00FF33
}

Thats a snippet of my CSS with the code for underlining the links ONLY when the mouse pointer is hovering over the top of it.

Do you need any more code?

[toicontien]

Yes. We need to see all of the CSS. We don't know what other styles may be affecting the <a> tags. We also need to see the full HTML because the markup can affect styles too.