Im Menü nur aktiven Menüpunkt farbig, nicht die Untermenüpunkte

[Paulaskatze]

Liebes Forum,

in meinem Menü soll der aktive Menüpunkt orange sein. Mit

#menu ul li ul li.active a {
    color: #ff3700;
}

wird nur der Untermenüpunkt "Link 2a" angesprochen, mit

#menu ul li.active a {
    color: #ff3700;
}

werden beim Klick auf "Link 2" natürlich auch die Untermenüpunkte "Link 2a+b" orange.

Was muss ich im CSS ändern, damit beim Anklicken jeweils "Link 2" oder "Link 2a" die Farbe ändern? Ich stehe einfach auf dem Schlauch...

Vielen Dank für eure Hilfe!

<div id="menu">
   <ul>
      <li><a href="...">Link1</a>
      </li>
      <li><a href="...">Link2</a>
      </li>
      <ul>
         <li><a href="...">Link2a</a>
         </li>
         <li><a href="...">Link2b</a>
         </li>
      </ul>
      <li><a href="...">Link 3</a>
      </li>
   </ul>
</div>

#menu {
    position: absolute;
    margin-top: 200px;
    font-size: 1.5em;
    width: 7em;
    float: left;
    margin-left: 70px;
}
#menu ul {
    list-style-type: none;
}
#menu ul ul {
    font-size: 0.7em;
    margin-left: 2em;
}
#menu a {
    text-decoration: none;
}
#menu a:link {
    color: black
}
#menu a:visited {
    color: black;
}
#menu ul li ul li.active a {
    color: #ff3700;
}