css - CSSで子を持つ親リストを選択する

Question

子リストをホバーしたときに、親リストのホバーカラーを維持したい。

これは、2番目のメニューにサブメニューがあり、サブメニューにカーソルを合わせるとメインメニューの色が消える例です。

http://jsfiddle.net/ya8ga/

ありがとう

HTML

<div id="menu2">
<ul>
    <li class="l1"><a href="#">Home</a></li>
    <li class="l2 dropDown"><a href="#">Hotel</a>
        <ul class="sub1">
            <li class="l1"><a href="#">Hotel Sub 1</a></li>
            <li class="l2"><a href="#">Hotel Sub 2</a>
    </li>
</ul>

Answer 1

これを変える：

#menu2 li a:hover{background:#89E00C; color:#2D1C13;}

これに：

#menu2 li:hover{background:#89E00C; color:#2D1C13;}