CODEWITHSUNDEEP
htmlcssinternet-explorerinternet-explorer-6
bollo
bollo

Reputation: 1634

IE6 li display on hover

i am well aware of iE6 hover probs and workarounds. what i am failing to see is how to show a li on hover in IE6? for example there is a link for support and when hovered over i would like a ul li to appear and on hover out just show initial link. any tips to get me started? many thanks

html code example

http://jsfiddle.net/zdUMG/4/

Upvotes: 1

Views: 785

Answers (1)

thirtydot
thirtydot

Reputation: 228182

Well, for one thing, your HTML is invalid.

You need to wrap the whole thing in a ul, and you need to move the submenu ul inside the li. Like this: http://jsfiddle.net/zdUMG/2/

Then, you need some simple CSS: http://jsfiddle.net/zdUMG/3/

#nav li ul {
    display: none
}
#nav li:hover ul {
    display: block
}

But, that won't work in IE6.

i am well aware of iE6 hover probs and workarounds

So, what's the problem?

Just use Whatever:hover to allow a selector like #nav li:hover ul to work in IE6.

Upvotes: 2

Related Questions