[noch offen] Eigenes Design DropUP Problem

Über design

<div id="design1">
<div align="center">
<div id="design1">
<div id="headerself"> </div>
<div id="navself"><div align="center">

<ul><li><a href="http://darkestcave.de.tl/Home.htm"><font color="#FFFFFF"><span id="nh">Home</span></font></a>
      </ul>


<ul><li><a href="http://darkestcave.de.tl/DarkestCave.htm"><font color="#FF0000"><span id="nh">DarkestCave</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/News.htm"><font color="#FFFFFF"><span id="nli">News</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Geschichte.htm"><font color="#FFFFFF"><span id="nli">Geschichte</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Intern.htm"><font color="#FFFFFF"><span id="nli">Intern</a></span></font></li>
</ul></li></ul>

<ul><li><a href="http://darkestcave.de.tl/Team.htm"><font color="#FFFFFF"><span id="nh">Team</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/Deva.htm"><font color="#FFFFFF"><span id="nli">Deva</span></font></a></li>
<li><a href="http://darkestcave.de.tl/Morpheus.htm"><font color="#FFFFFF"><span id="nli">Morpheus</a></span></font></li>
<li><a href="http://darkestcave.de.tl/super3000.htm"><font color="#FFFFFF"><span id="nli">super3000</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Varia.htm"><font color="#FFFFFF"><span id="nli">Varia</a></span></font></li>
<li><a href="http://darkestcave.de.tl/chbo90.htm"><font color="#FFFFFF"><span id="nli">chbo90</a></span></font></li>
</ul></li></ul>

<ul><li><a href="http://darkestcave.forumieren.eu/" target="_blank"><font color="#FFFFFF"><span id="nh">DC Forum</span></font></a></li></ul>

<ul><li><a href="http://darkestcave.de.tl/OOMPH-ar-.htm"><font color="#FF0000"><span id="nh">OOMPH!</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/%3Ci%3ENews%3C-s-i%3E.htm"><font color="#FFFFFF"><span id="nli">News</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Biographie.htm"><font color="#FFFFFF"><span id="nli">Bio</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Diskographie.htm"><font color="#FFFFFF"><span id="nli">Discography</a></span></font></li>
<li><a href="http://darkestcave.de.tl/%3Ci%3EGeschichte%3C-s-i%3E.htm"><font color="#FFFFFF"><span id="nli">Geschichte</a></span></font></li>
<li><a href="www.oomph.de" target="_blank"><font color="#FFFFFF"><span id="nli">OOMPH! HP</a></span></font></li>

</ul></li></ul>

<ul><li><a href="http://darkestcave.de.tl/Downloads.htm"><font color="#FFFFFF"><span id="nh">Downloads</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/FB-Header.htm"><font color="#FFFFFF"><span id="nli">FB-Header</a></span></font></li>
<li><a href="http://darkestcave.de.tl/T_Shirt-Vorlagen.htm"><font color="#FFFFFF"><span id="nli">T-Shirt</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Signaturen.htm"><font color="#FFFFFF"><span id="nli">Signaturen</a></span></font></li>
</ul></li></ul>


<ul><li><a href="http://darkestcave.de.tl/Gaestebuch.htm"><font color="#FFFFFF"><span id="nh">Gaestbuch</span></font></a>
      </ul>


<ul><li><a href="http://darkestcave.de.tl/Links.htm"><font color="#FFFFFF"><span id="nh">Links</span></font></a>
      </ul>
</div><br /><br /><br /></div>


<table border="0" width="70%" id="table1">
<tr>
<td>

/*Navigation*/

#navself {
  marine-bottom: 10px;
  left: 15%;
  position: relative;
  margin: 0 auto;
  position: relative;
  background-color: none ;
  z-index: 500;
}

#navself ul {
  float: left;
  list-style-type:none;
  width: 125px;
  border-bottom: 1px solid;
  background: none;
  margin:0px;
  padding: 0px;
  z-index: 500;


}

#navself a {
  background-color: #333333;
  text-decoration: none;
  display: block;
  top: -33px;
  text-align: center;
  z-index: 500;
   }

#navself a:hover {
  z-index: 500;  }

 
#navself li {
  border-width: medium;
  border-style: outset;
  border-color: #333333;
  border-radius: 0px 10px 5px 0px;
  z-index: 500;  }

#navself li:hover {
background: #333300;
border-width: medium;
border-style: inset;
border-color: #330000;
}

#navself li:active {
background: #333333;
border-width: medium;
border-style: inset;
border-color: #330000;
}

#navself ul ul li:hover {
border-bottom: 1px solid #ffffff; /* unterer Rand im Hovereffekt */
background: #060606;
border-width: thick;
         border-style: inset;
         border-color: #333333;
border-radius: none;
}

#navself ul ul {
  position: absolute;
  color: #FFF;
  display: none;
  z-index: 500;  }

#navself ul li:hover ul {
  display: block;
  border-bottom: none;
  top: -175px;
  bottom: 100%;
  z-index: 500;
}