hover styles
2006/05/17 22:23
Viewed 3181 times
Replies: 0/0

I'm having difficulty altering the hover style of list items. Each level of my menu will be topped with a header of sorts. I've tried establishing a class for these headers and using the following rule in my skin to apply to html code:

div.dynarch-popup-menu tr.orglvl.hover td.label { background-color: red;}

<ul>
<li class="orglvl">REGIONS</li><li></li>
<li>
Baton Rouge
<ul>
<li class="orglvl">BRANCHES</li>
<li></li>
<li><a href="branchpage.asp">Main Street</a></li>
</ul>
</li>
</ul>

This results in items '<li>' along the same level momentarily displayed with a red background, then the normal hover style is applied. It appears that with the above code, my "orglvl" class surrounds more than a single list item. How do I isolate classes to a single item? Essentially, I would like hover styles disabled for my header items.

Google