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