CSS - menu v ul

Ahoj,
posílám svoje kódy...

V HTML mám:

<div id="menu">
<ul>
<li>
<a href="1">teateateataet</a>
</li>
<li>
<a href="2">teateateataet</a>
</li>
<li>
<a href="3">teateateataet</a>
</li>
<li>
<a href="4">teateateataet</a>
</li>
<li>
<a href="5">teateateataet</a>
</li>
<li>
<a href="6">teateateataet</a>
</li>
</ul>
</div>

V CSS mám:

#menu {
width: 100%;
height: 30px;
background-color:#000000;
color: #FFFFFF;
position: fixed;
overflow: hidden;
top: 0;
}

#menu ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}
#menu ul li {
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:50%;
margin-right: -1px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
#menu ul li a {
display:block;
margin: 0;
padding-left: 10px;
padding-right: 10px;
text-decoration:none;
line-height: 30px;
color: #fff;
}
#menu ul li a:hover {
background-color: #000fff;
}
#menu ul li a.active,
#menu ul li a.active:hover {
color:#fff;
background-color: #000fff;
}

Teď můj problém:
Když změnšuji okno prohlížeče, tak mizí položky menu...
Ví někdo jak na to?
Děkuji za radu

Právě, že se ani ten posuvník neukáže a zmizí dost položek.

Jde mi o to, aby tam to menu bylo a ukázal se posuvník, což nedělá...

Děkuji, moc jste mi pomohl