Активное меню - Вопросы по CSS

<div id="mainMenu">
    <ul class="floatRight">
        <li><?php mosLoadModules('top', -2) ?></li>
    </ul>
  </div>

#mainMenu { 
  float: left;
  width: 100%;
  clear: both;  
}

#mainMenu ul {
  margin: 0;
  padding: 0;
  height: 38px;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;

  font: 400 1.6em "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #FFF;
}

#mainMenu li a:hover,
#mainMenu li a:active,
#mainMenu li a.here {
  color: #65EBFF;
  border-top: 5px solid #000;
}

<div id="mainMenu">
    <ul class="floatRight">
        <li>		<div class="moduletable">
			<ul id="mainlevel-nav"><li><a href="http://localhost/site/index.php" class="mainlevel-nav" >Главная</a></li><li><a href="http://localhost/site/index.php?option=com_contact&amp;Itemid=3" class="mainlevel-nav" >Контакты</a></li><li><a href="http://localhost/site/index.php?option=com_content&amp;task=section&amp;id=1&amp;Itemid=2" class="mainlevel-nav" >Новости</a></li><li><a href="http://localhost/site/index.php?option=com_weblinks&amp;Itemid=23" class="mainlevel-nav" >Ссылки</a></li><li><a href="http://localhost/site/index.php?option=com_fireboard&amp;Itemid=44" class="mainlevel-nav" >Форум</a></li></ul>		</div>
		</li>
    </ul>
  </div>

#mainMenu li a:hover,
#active_menu-nav {
  color: #65EBFF;
  border-top: 5px solid #000;
}
#active_menu-nav:visited {
  color: #65EBFF;
}