[erledigt] Header nach unten verschieben.

Hallo Leute, ich habe noch eine wichtige Frage, und zwar Folgende:
Wenn man meine Navi ansieht, merkt man, das bei den abgerundeten
Ecken noch der graue Hintegrund hervorkommt. Ist es möglich, dass ich
den Header nach unten verschiebe, quasi hinter die Navi-Buttons, und damit
der graue Hintergrund in der Navi (bei den abgerundeten Ecken) weggeht.
Also wären die Navibuttons und der Header quasi ineinander!
Hier mal der gesamte Code, habe Header und Navicode mal markiert.

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

a{color:#800000; font-size: 15px; text-decoration: none;}
a:hover {color: #800000; font-size: 15px; text-decoration: none;}
a:link {color: #800000; font-size: 15px; text-decoration: none;}
a:active {color: #800000; font-size: 15px; text-decoration: none;}
a:visited {color: #800000; font-size: 15px; text-decoration: none;}

body {background-color:#9a9ea2;}

* { padding: 0; margin: 0; }

#Abenteuergeschichte {
margin: 0 auto;
width: 602px;}

#Header_oben {
color: #FFFFFF;
width: 580px;
height: 94px;
background-image: url(http://tinycoke.com/image/6rebwSpepFyPY.png);
float: left;
padding: 10px;
margin: 0px 0px 0px 0px;
}


#content {
width: 580px;
background: #000000;
color: #FFFFFF;
float: left;

margin: 0px 0px 0px 0px;
padding: 10px;
overflow:auto;
font-family: Comic Sans MS, sans-serif;

}


#counter {
width: 600px;
height: 20px;
text-align:center;
color: #FFFFFF;
background:url(http://img.webme.com/pic/i/ihre-wunsch-domain/counter.png);
margin: 0px 0px 10px 0px;
font-size: 15px;
float: left;
}

#nav { position:relative; top: -1px; bottom:0; list-style:none; }
* html #nav { bottom:-1px; }
#nav li { float:left; }
#nav li a {
background:url(http://img.webme.com/pic/t/teeny07/bnormal5.png);
display:block; height:33px; width: 100px;
font-family: Comic Sans MS, sans-serif;
text-decoration: none !important;
}

#nav li a:hover {
display:block;
background:url(http://s3.directupload.net/images/091010/du3sggyz.png); height:33px; width: 100px;

}
#nav li a strong { color: #FFFFFF; padding-left: 20px;
position:relative; top: 5px;
}


würde mich über eine Antwort sehr freuen, hoffe, dass ich mein
Problem klar geschildert habe!


lg
Jonas

Die Navigations sieht so aus: http://img.webme.com/pic/t/teeny07/bnormal5.png.
Dieso könntest du ändern und sie eckig machen. So würde es die Ecken nicht geben.
______________
Jeder lernt es... Irgendwann...

jop, aber ich habe sie eben von eckig auf rund geändert^^
edit: Habs komplett hingekriegt!


lg
Jonas