Forum Moderators: not2easy
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>
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;
}
[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]