Design verschiebt sich wegen coolmenu

<div class="headerid">
</div>
<div class="navi_titleid">
 </div>
<div id="nav_container">
</div>
<div class="_titleid">

<div align="center"><table border="0" width="70%"><tr><td>


<dib id="design">
<div id="header"></div>


<style type="text/css">
<!--
/* Coolmenuegenerator by www.coolplace.cc */
/* keine Auflistungspunkte vor Navi-Links */
   ul, li {
      list-style-type: none;
      padding: 0px;
      margin: 0px;
   }

/* Abstand zwischen Schrift zum Rand */
   li a {
      padding-right: 20px;
      padding-top: 5px;
      font-family: Verdana, sans-serif;
      font-size: 14px;
   }

/* Coolmenue positionieren*/
   div.menu {
      z-index: 300;
      
      /*Wenn man das Coolmenue fest positionieren moechte, die folgenden "/*" und "* /" entfernen. Dann die Werte bei "top" und "left" anpassen.*/
      
      /*position:absolute;
      top:100px;
      left:200px;*/
   }

/* Aussehen der Menuepunkte einstellen */
   .menu a {
      border: none;
      background-color: #FFC34F;
      background-image: url(http://);
      text-decoration: none;
      text-align: center;
      font-weight: bold;
      cursor: pointer;
      margin: 0px;
      display: block;
      height: px;
      color: #000000;
   }

/* Aussehen der Menuepunkte beim Hover Effekt */
   .menu a:hover {
      background-color: #FFC34F;
      background-image: url(http://);
      color: #000000;
   }

/* Breite der Menuepunkte einstellen */
   .menu li {
      width: 200px;
      float: left;
      overflow:hidden;
   }

   .submenue {
      font-size: 14px;
      display: none;
      width: 200px;
      float: left;
   }

   .submenue a {
      font-weight: bold;
      padding-top: 5px;
      cursor: pointer;
       color: #000000;
       background-color: #9FEFFF;
      background-image: url(http://);
   }

   .submenue a:hover {
   color: #000000;
   background-color: #9FEFFF;
    background-image: url(http://);
   }
//-->
</style>
<script type="text/javascript">
<!--
function cool(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function coolout(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="cool('submenu0');" onmouseout="coolout('submenu0');">Spiele</a>
<ul class="submenue" id="submenu0" onmouseover="cool('submenu0');" onmouseout="coolout('submenu0');">
    <li><a target="_self" href="http://">Neuste</a></li>
<li><a target="_self" href="http://">Action</a></li>
<li><a target="_self" href="http://">Geschick</a></li>
<li><a target="_self" href="http://">Kinder</a></li>
<li><a target="_self" href="http://">Mädchen</a></li>
<li><a target="_self" href="http://">Sport</a></li>
<li><a target="_self" href="http://">Rennen</a></li>
</ul></li>
<li><a href="javascript:void(0);" onmouseover="cool('submenu1');" onmouseout="coolout('submenu1');">Guten Wochenstart</a>
<ul class="submenue" id="submenu1" onmouseover="cool('submenu1');" onmouseout="coolout('submenu1');">
    <li><a target="_self" href="http://">Schöne Woche</a></li>
<li><a target="_self" href="http://">Geburtstag</a></li>
<li><a target="_self" href="http://">Lustiges</a></li>
<li><a target="_self" href="http://">Grüße</a></li>
<li><a target="_self" href="http://">Liebe</a></li>
<li><a target="_self" href="http://">Nettigkeiten</a></li>
<li><a target="_self" href="http://">Küsse</a></li>
<li><a target="_self" href="http://">Hallo</a></li>
<li><a target="_self" href="http://">Ich mag Dich</a></li>
<li><a target="_self" href="http://">Ich hab Dich lieb</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
<li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
</ul></li>
<li><a href="javascript:void(0);" onmouseover="cool('submenu2');" onmouseout="coolout('submenu2');">Neuer Hauptpunkt</a>
<ul class="submenue" id="submenu2" onmouseover="cool('submenu2');" onmouseout="coolout('submenu2');">
    <li><a target="_self" href="http://">Neuer Unterpunkt</a></li>
</ul></li>
</div>

</div>

<div id="footer"></div>
</div>

/* Diese Klassen werden nicht angezeigt */
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
div.header {display: none;}
h1#title {display: none;}
h2#title span {display: none;}
li.nav_element{display:none;}

/*Diese Klassen werden angezeigt*/
body {
background-image: url('http://img.webme.com/pic/g/galatasarayfansitesi36/backg01.gif');
text-align: center;
}

#design{
margin: 0px auto;
width:900px;}

#header{
width: 896px;
height: 100px;
float: left;
background-image: url('http://img.webme.com/pic/g/gsftest/unten.png');
border: 0px #000000 solid;
border-bottom-width: 0px;}

#content {
width:880px;
background-color: #FFFFFF;
float: left;
border: 0px #000000 solid;
font-family: "Trebuchet MS", Tahoma, Arial;
font-size: 12px;
color: #000000;
font-weight: normal;
padding: 5px 10px 5px 10px;
text-align: left;
background:url(http://img.webme.com/pic/g/gsftest/orta.png) 0px 0 repeat-y;
}

#footer{
width: 896px;
height: 100px;
float: left;
background-image: url('http://img.webme.com/pic/g/gsftest/oben.png');
background-repeat: no-repeat;}