2 Fragen: Abstand der Menüpunkte und Navi verschieben

Hallo Leute, ich habe zwei sehr wichtige Fragen.

1.) Kann mir jemand sagen, wie ich den Abstand zwischen den Menüpunkten mache? Jetzt liegen alle (Home, GBook, Handlung usw.) zusammen, wie kann ich einen Abstand machen?
2.) Ich möchte gerne meine Navi verschieben, und zwar nach links. Wie ist das möglich? Habe bereits ausprobiert, nichts rausgefunden. Momentan ist die Navi ja unter dem Header (Coolmenü), jetzt möchte ich sie aber links. Wie kann ich sie verschieben?

So, erstmals hier der Code.

Das ist der gesamte Navi Code.

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

#nav li a:hover {
display:block;
background:url(http://img.webme.com/pic/e/extreme-design/hover1.png); height:50px; width: 100px;

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


ich wäre echt sehr froh, wenn mir jemand bei einer der Fragen, oder noch besser, bei beiden behilflich sein könnte, selber finde ich keine Antwort.


lg
Jonas

Zu Frage 1:
Mit "margin"(http://homepage-baukasten.homepage-baukasten.de/forum/viewtopic.php?t=102656) kann man die Abstände nach außen festlegen.

Zu Frage 2:
Kann das sein das du, es festgelegt hast, dass das Design immer mittig angezeigt wird? Denn wenn das Design immer mittig angezeigt wird bringen Befehle wie "left" nichts.
______________
Jeder lernt es... Irgendwann...

danke für deine Hilfe, das mit margin klappt.
Für das andere Problem, hier mal der ganze Code.
Vlt. hilft das?


Css-Code ohne Style Tags

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:#FFFFFF;background-image:url(http://shop.rabenring.com/WebRoot/Store/Shops/Rabenring/45B4/AC5B/9CDB/9F78/94E8/7F00/0001/CCFB/molton_buehne_grau.jpg);}


* { padding: 0; margin: 0; }

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

#Header_oben {
color: #FFFFFF;
width: 680px;
height:160px;
background-image: url(http://img.webme.com/pic/e/extreme-design/unbenanntversuch1.png);
float: left;
padding: 10px;
margin: 10px 0px 0px 0px;
}


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

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


#counter {
width: 700px;
height: 20px;
text-align:center;
color: #FFFFFF;
background:url(http://img.webme.com/pic/e/extreme-design/footer1.png);
margin: 0px 0px 10px 0px;
font-size: 15px;
float: left;
}

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

#nav li a:hover {
display:block;
background:url(http://img.webme.com/pic/e/extreme-design/hover1.png); height:50px; width: 100px;

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



lg
Jonas