Probleme d'affichage de la liste a puce

Tout d'abord excusez moi pour le doublon, je ne savais pas si ma demande correspondait à du webmastering ou de la programmation.

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