Thomas: css pulldown menu

HI
ich frikel gerade ein wenig an einem Menü für Joomla, wie es hier beschrieben wird http://www.htmldog.com/articles/suckerfish/dropdowns/ .
Allerdings habe ich irgendwie ein float Problem, die menüpunkte werden nicht richtig nebeneinander angezeigt sondern überlagern sich.
zu sehen hier: http://www.jfrs.de/joomla/
das ist die css datei des Menüs:
#mainlevel, #mainlevel ul {
  padding: 0px;
  margin: 0px;
  margin-left:0px;
  margin-right:9px;
  list-style: none;
  text-align: center;
  background-image: url('./../images/button_shade.png');
  background-repeat: repeat-x;
  background-position: 0px 0px;
  line-height: 20px;
}

#mainlevel ul {
  width: 100px;
  overflow: hidden;

background-color: #C7C7C7;
  border: 1px solid #FFFFFF;

}

#mainlevel a {
  display: block;
  width: 100px;
  background-image: url('./../images/button_shade.png');
  background-repeat: repeat-x;
  background-position: 0px 0px;
}

#mainlevel li {
  float: right;
  width: 100px;
  line-height: 20px;
  background-image: url('./../images/button_shade.png');
  background-repeat: repeat-x;
  background-position: 0px 0px;
}

/**
 * Hide the submenus
 */
#mainlevel li ul {
  position: absolute;
  width: 100px;
  left: -2000px;
  text-align: center;
}

/**
 * Show the submenus on mouse-over (.hover class)
 */
#mainlevel li:hover ul {
  left: auto;
}

/**
 * IE fix ... Javascript Fix
 */
#mainlevel li:hover ul, #mainlevel li.sfhover ul {
  left: auto;
}