Menu horizontal en ligne

J'ai essayé mais en vain d'aligner dans ma css le menu horizontal + JS d'après le très bon tuto du site mais je rencontre (en bon débutant) des difficultés pour modifier ma css. Les éléments du menu restent en bloc, comme les sous-menus.

Quelqu'un pourrait-il m'aider ? merci.

partie html dans un fichier *.php

<div id="haut">
<div id="navcontainer">
<ul id="navlist">

<li><a href="#">MENU 1</a></li>


</div>
</div>

CSS

ancien menu à modifier d'après listamatic

#haut {
display: inline;
width: 750px;
height: 10px;
margin-bottom: 4px;
}

div#navcontainer
{
background-color: #E52C00;
border-top: solid 1px #35689B;
border-bottom: solid 1px #CCCCCC;
margin: 0px;
}

div#navcontainer ul {
font-size: 75%;
letter-spacing: 2px;
color: white;
text-align: center;
margin: 0px;
padding-bottom: 4px;
padding-top: 4px;
}

div#navcontainer ul li
{
display: inline;
margin-left: -5px;
}

div#navcontainer ul li a
{
padding: 2px 15px 2px 15px;
color: white;
text-decoration: none;
font-weight:bold;
}

div#navcontainer ul li a:hover
{
background-color: #F25A00;
color: #FFEE99;
}

#active a { border-left: 1px solid #fff;
background-color: #99AAAA;
}

Voilà ...

bonjour aussi...
si tu veux, tu peux aller te présenter dans le bar du forum :
http://forum.alsacreations.com/topic.php?fid=9&tid=23&p=11

Pourrais tu formater ton code aussi à l'aide des balises situées sous la zone de saisie de ton message ([code]) (tu peux éditer ton message, lien en haut à droite de ton message).