Highlighte aktivt menupunkt

Hej

Jeg er i gang med at sætte en joomla-website op, og da der ikke er meget hjælp at hente i det danske forum, håber jeg at kunne hente lidt hjælp her:

Jeg har følgende html:
<div id="inner_frame_middle_menu">
  <div class="moduletable_menu">
    <ul class="menu">
      <li class="item1"><a href="http://www.isabellapedersen.com/"><span>FORSIDE</span></a></li>
      <li class="item2"><a href="/index.php/positivpsykologi"><span>POSITIV PSYKOLOGI</span></a></li>
      <li id="current" class="parent active item3"><a href="/index.php/mindfulness"><span>MINDFULNESS</span></a>
        <ul><li class="item4"><a href="/index.php/mindfulness/mindfulnesskurser"><span>KURSER</span></a></li>
          <li class="item5"><a href="/index.php/mindfulness/mindfulnessworkshops"><span>WORKSHOPS</span></a></li>
          <li class="item6"><a href="/index.php/mindfulness/minfulnessforedrag"><span>FOREDRAG</span></a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>

Jeg har følgende css:
li#current a{
    color:              #ff0000;
    background-color:  inherit;
}

Det valgte menupunkt bliver highlighted, men det gør undermenupunkterne også.

Hvordan laver jeg min css således dette ikke sker?