[CSS] Rozwijane menu, problem z ul li:hover Opcje

[d.stp]

Mam sobie menu:

Strona główna | Informacje v | Kontakt | O nas v |

Tam gdzie jest "v" to jest menu rozwijane. Tak wygląda kod:

[HTML] pobierz, plaintext 
<ul>
      <li><a href="#">Strona główna</a></li>
      <li>
            <a href="#">Informacje</a>
            <ul>
                  <li>podstrona 1</li>
                  <li>podstrona 2</li>
            </ul>
      </li>
      [...]
</ul>
[HTML] pobierz, plaintext 

Po najechaniu na "Informacje" ładnie pięknie pokazuje się podmenu z linkami. Wszystko super, tylko że chciałbym zrobić tak że po najechaniu na ul li ul nie znikała mi klasa ".active" z "Informacje" bo mam:

[HTML] pobierz, plaintext 
ul li.active { background: #000; }
ul li:hovcer { background: #000; }
[HTML] pobierz, plaintext 

Próbowałem coś w stylu:

[HTML] pobierz, plaintext 
ul li ul:hover ul li { background: #000; }
[HTML] pobierz, plaintext 

Ale nie pomaga (IMG:style_emoticons/default/businesssmiley.png)

Pomocy (IMG:style_emoticons/default/nerdsmiley.png)

[fate]

ul li:hovcer { background: #000; }
pewnie ta literówka a Ty zabłądziłeś (IMG:style_emoticons/default/ohno-smiley.gif)
wrzuc sobie na https://jsfiddle.net/