Deplacement menu

bonjour a tous,

Je débute dans le ccs et je suis en train de faire un menu «sliding doors» horizontale cependant je n'arrive pas a le déplacer a mon gré ou dois je incorporer un code pour pouvoir le déplacer a ma guise ?

Merci par avance

Code CSS:

#nav li {
margin: 0;
padding: 0;
display: inline;
}

#nav li a:link, #nav li a:visited {
display: block;
float: left;
height: 32px;
line-height: 32px;
text-decoration: none;
text-align: center;
background: url(nav001.gif) repeat-x;
padding: 0 20px;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: 700;
color: #000000;
}

#nav li a:hover, #nav li a:active {
background: url('nav001.gif') 0 -32px;
padding: 0 20px;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: 700;
color: #FFFFFF;
}


Code HTML

<div id="nav">
<ul>
<li><a href="#nogo">Ressources créatives</a></li>
<li><a href="#nogo">Ressources Pédagogiques</a></li>
<li><a href="#nogo">Ressources inspiration</a></li>
<li><a href="#nogo">Contact</a></li>
</ul>
</div>

Bonjour,

Pour conserver une bonne lisibilité des messages sur le forum, il est demandé d'utiliser les balises code pour présenter le code source des exemples.
Pourrais-tu éditer ton message pour te conformer à cette règle de mise en forme ?
Merci d'avance.

ps: avec une page en ligne et une explication de ce que tu souhaites obtenir, ce serait bien mieux