Dropdown lægger sig under indhold på siden

Jeg arbejder på en hjemmeside i joomla (ikke live endnu så kan ikke linke til den). Jeg har via joomla fundet en lækker css dropdown menu som jeg har kopieret og ændret hvor det var nødvendigt mht. farve og placering mm.

Nu er problemet at hvis der er mere end 2 menupunkter i undermenuen, så når de så langt ned på siden at de går bagved indholdet på siden.

Jeg har brug for at have mange undermenu punkter, så det er lidt af et problem. Nedenfor er hele menuens stylesheet kopieret i håbet om at en eller anden klog person kan lure en nemt fix til dette problem.











#twocols{ /*the columns that gets dropped down over yours might be different*/
  z-index:20;
}

#leftcol{  /*the columns that gets dropped down over yours might be different*/
  z-index:10;
}

.moduletablemainnav { /* I have absolutely positioned the module, you might have a different scheme*/
    position:absolute;
    top:5px;
    left:10px;
    z-index:100;
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
}

#mainlevelmainnav,#mainlevelmainnav ul {
    float:left;
    list-style:none;
    line-height:1.4em;
    background:transparent;
    margin:0;
    padding:0;
    text-transform: uppercase;
}

#mainlevelmainnav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    margin-right:25px;
    padding:0.3em;
   
}

#mainlevelmainnav li {
  float:left;
  padding:0;
}

#mainlevelmainnav li ul  {
    position:absolute;
    left:-999em;
    line-height:0.9em;
    width:12em;
    background:#a7ce38;
    margin:0;
    font-weight: bold;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    visibility: visible;
    overflow: visible;
    text-transform: none;
}

#mainlevelmainnav li li {
  width:12em;
}

#mainlevelmainnav li ul a {
  width:12em;
  color:#ffffff;
  font-size:0.9em;
  line-height:1em;
  font-weight:400;
}

#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
  left:-999em;
}

#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover
  l,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {
  left:auto;
  z-index:6000;
}

#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover {
    background-color: #7ea928;
   
}


lille_nina