I'm trying to get a template working and am having problems with sub-level menu items once they've been clicked on. The site can be seen here:
mightykicks.net/ Referring to the left sidebar menu module... If you click on a menu item with sub-menus (i.e., Registration) - everything looks fine (I have the following css controlling the appearance with the little squares at the side of the li's):
ul.menu li.current.active.deeper.parent ul li {
background: url('../images/indent1.png') no-repeat left center;
}
The problem occurs if you THEN click on one of the sub-menu items (i.e., Boston). Then all the squares disappear. I've been trying to get this to work but can't seem to get the exact right CSS identifier (I'm a little confused when it comes to these multiple-class indicators like .active.deeper.parent - !) I can see in Firebug that the reason is the class has changed from current.active.deeper.parent to just active.deeper.parent - so here's what I have tried:
ul.menu li.active.deeper.parent ul li {
background: url('../images/indent1.png') no-repeat left center;
}
But it doesn't seem to be doing anything! What am I missing?