[CSS]Problem z podświetlaniem zagnieżdżonego menu po najechaniu myszką Opcje

[kuna15]

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) ?

[kuna15]

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 ?


Ten post edytował kuna15 22.03.2016, 18:14:22