Probleme mit DropDown Menü

  • Tach zusammen,
    Ich hab ein kleines probleme was ich irgentwie nicht gelöst habe und zwar verschwindetbei meinem DropDown Menü die Hauptkategorie also wird überlappt von den Unterkategorien


    Wenn ich aber unter #menu ul

    Code
    position:absolute;


    weg mache dann überlappt es sich nicht schiebt aber den Inhalt des content berreich an die seite.


    Gesammter CSS Code:

    CSS
    #menu ul {  list-style-type:none;  list-style-image:none;  margin:0px;  padding:0px;  position:absolute;}#menu li.topmenu {  float:left;}.topmenu a {  float:left;  width:110px;  text-align:center;}.topmenu ul{  display:none;}.topmenu a, .submenu a{  padding:1px 5px;  color:#FFF;  font-weight:bold;  text-decoration:none;  margin:0px; }.submenu a{  font-size:12px;  width:110px;  background-color:#efc53b;  clear:both; /* special IE6 */}#menu a:hover, .topmenu.on a {  color:#000000;  background-color:#e4941b !important;}.topmenu:hover ul {  display:block;    z-index:500;}


    HTML-Code

    Code
    <div id="menu">        <ul>          <li class="topmenu">            <a href="">Startseite</a>            <ul>              <li class="submenu"><a href="">Unterpunkt 2.1</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>            </ul>          </li>          <li class="topmenu">            <a href="">Men&uuml; 2</a>            <ul>              <li class="submenu"><a href="">Unterpunkt 2.1</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>            </ul>          </li>          <li class="topmenu">            <a href="">Men&uuml; 3</a>            <ul>              <li class="submenu"><a href="">Unterpunkt 2.1</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>              <li class="submenu"><a href="">Unterpunkt 2.2</a></li>            </ul>          </li>        </ul>    </div>


    #Edit: Kann es ein Admin verschieben? hab ausversehen in den falschen berreich gepostet

    Einmal editiert, zuletzt von MnX ()