Forum Moderators: not2easy

Message Too Old, No Replies

IE Dropdown Navigation Menu help

         

Sirax

9:18 am on Nov 7, 2008 (gmt 0)

10+ Year Member



Hey i've got a little issue in my navigation menu script.

When i go with my mouse over the menu List Item 2 -> List Item 2 -> List Item 4 the whole menu goes away.
You can test this on my test link here: <snip>

The HTML code:


<ul>
<li>List Item 1</li>
<li>List Item 2
<ul>
<li>List Item 1</li>
<li>List Item 2
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
</ul>
</li>
<li>List Item 1
<ul>
<li>List Item 1</li>
</ul>
</li>
</ul>
</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5
<ul>
<li>List Item 1</li>
<li>List Item 2
<ul>
<li>List Item 1</li>
</ul>
</li>
</ul>
</li>
</ul>

The CSS code:

body
{
behavior: url("http://example.com/DJ_Reloop/test/csshover.htc");
}

*
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

ul
{
list-style: none;
width: 150px;
border: 1px solid gray;
margin: 0;
padding: 0;
}

li
{
position: relative;
background: #ffffff;
border: 1px solid #ffffff;
margin: 0;
padding: 0;
}

li:hover
{
background-color: #99ccff;
z-index: 1;
cursor: pointer;
}

ul ul
{
position: absolute;
display: none;
left: 140px;
top: 4px;
}

li:hover ul ul
{
display: none;
}

li:hover ul, li:hover li:hover ul
{
display: block;
}


Does anyone can help me with this with a fixed code or something?
This bug is only on IE 6 + 7 and in FireFox it works good.
Hope someone can fix this for me.
Greets

[edited by: swa66 at 1:34 pm (utc) on Nov. 7, 2008]

[edited by: eelixduppy at 2:11 pm (utc) on Nov. 7, 2008]
[edit reason] No personal URLs, please see forum charter! [/edit]

Sirax

9:26 am on Nov 12, 2008 (gmt 0)

10+ Year Member



sorry about the links i've posted in my post...

But can someone help me with my issue please?

daveginorge

7:15 am on Nov 14, 2008 (gmt 0)

10+ Year Member



As far as I am aware and I am no expert here and I am sure I will be corrected if I am wrong.

IE does not support :hover on anything other than the a:hover. I can remember having the problem myself and switching to a javascript solution that worked cross browser

Sirax

9:21 am on Nov 14, 2008 (gmt 0)

10+ Year Member



What does I need to change in the script then? I'm no expert either so I hoped someone could help me with the script :)

Although thanks for your reply.