Subnav "active" when it shouldn't be.

Question

http://wilwaldon.com/itsbroken/templateleftnav.php

As you can see on the left navigation the link for Template 01 is highlighted green. The link underneath is also highlighted green.

I think the problem lies with the initial LI controlling the ul underneath somehow.

I need to keep the xhtml formatted exactly how it is right now and only change the CSS to fix this problem.

I'd appreciate any help you may be able to point me in the right direction, I'm pretty stuck at this point.

Thank you in advance!

Answer 1

The green background for the highlighted li element goes for the entire element, including the nested ul. To get around it, override the text and background color of the nested ul like this:

li.leftactive ul {
    background-color: #E3DECA;
}

li.leftnav1b a {
    color: #363;
}

You might want to tweak margins and/or padding as well, but this should get you started.