na testowej domenie stylkobiety.pl po lewej stronie jest menu, które po najechaniu myszką podświetla się na żółto, realizuje to kod css:

[HTML] pobierz, plaintext 
ul.product-categories li.cat-item:hover{
background: yellow;
}
[HTML] pobierz, plaintext 

Menu jest zagnieżdżone i jak kliknie się na kategorie główną, pojawiają się podkategorie, które już niestety są podświetlone nieprawidłowo (widać efekt ramki).
Jak uzyskać taki efekt, aby podkategorie podświetlały się tak samo jak kategorie główne ?
Czy da się uzyskać taki efekt za pomocą samego csa , czy trzeba kombinować coś z JS (niestety nie znam dobrze JS) ?

[CSS] pobierz, plaintext 
ul.product-categories li.cat-item.current-cat:hover {background-color: #f4c700; }
[CSS] pobierz, plaintext 

• Ten kod wyłącza podświetlanie dla aktywnej kategorii (brak efektu ramki, brak podświetlenia głównej kategorii).
• Drugim wyjściem jest ładowanie podkategorii za elementem aktywnym li (nie wewnątrz).

Kodo218 wielkie dzięki za Twoja pomoc!

// EDIT

Tylko teraz zauważyłem że na bardziej zagłębionych podstronach problem nie został wyeliminowany:
http://stylkobiety.pl/produkt/apteczka-metalowa-40x24cm/

Co może być tego powodem ?

[CSS] pobierz, plaintext 
ul.product-categories li.cat-item.current-cat-parent:hover {background-color: #f4c700; }
ul.product-categories li.cat-item.current-cat-parent > ul li:hover {background-color: yellow;}
[CSS] pobierz, plaintext