Probleme d'affichage <li>

Bonjour,

Je viens de me mettre aux PHP, et j'ai un probleme pour l'affichage d'une liste a puce.

Je m'explique en haut en dessous du titre, j'ai mis 5 onglets le probleme c'est que les 5 onglets se placent à gauche sur 50px tout au plus hors j'aimerais qu'ils prennent toute la largeur suivant la résolution de l'utilisateur.

Comment résoudre ce problème ?

Mon code :

HTML
<div id="mainmenu">
<ul>
<li><a class="current" href="index.html">accueil</a></li>
<li><a href="green.html">IMAGE</a></li>
<li><a href="orange.html">SON</a></li>
<li><a href="purple.html">VIDEOS</a></li>
<li><a href="red.html">CODE</a></li>
<li><a href="black.html">COMPTE</a></li>
</ul>

CSS
#mainmenu {
position:static;
overflow:auto
margin-bottom:25px;
width:800px;
float: left;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
width:200px;
float:left;
padding-right:30px;
}

#mainmenu li {
float:left;
height:50px;
list-style:none;
margin:auto;
padding:auto;
}

Merci beaucoup