In IE6, how to implement a:hover?

I am using following CSS:

#userinfo_box a:link,a:visited
{
    text-decoration:none;
}

#userinfo_box a:hover
{
    text-decoration:underline;
}

The HTML is

<div id="us开发者_高级运维erinfo_box"><a href="">Hello World</a></div>

In IE6, Hello World is not being underlined. How to do it in IE6?

The only reason why IE6 might not be working in this instance is because the href is blank. Sometimes IE6 doesn't recognize a link properly if that property is blank. Try setting it as href="#" and it should work.

At the very least put a # in the href. Nothing in the href means it's not a link...so that might be your problem right there. If that doesn't fix the problem, let me know, and I'll install Multiple IE on my VM to test IE6.

<div id="userinfo_box"><a href="#">Hello World</a></div>

note that the selectors in your first ruleset should probably be corrected to:

#userinfo_box a:link, #userinfo_box a:visited {}