Witam,
Mam poziome menu stworzone jako lista. Jest w niej 7 pozycji (szerokość w zależności od treści, ustawiony tylko padding). Kończy się ono mniej więcej w połowie strony. Chodzi o to, żeby na końcu (po prawej stronie) tego menu dorobić albo diva albo <li> z klasą (w kodzie jako SZUKAJ), tak żeby wypełnił on pole do końca strony. Niestety gdy ustawiam width:100% bierze szerokość strony, gdy ustawiam mu szerokość w pixelach lub procentach to przy zoomowaniu strony (ctrl+plus i ctrl+minus) ten element przenosi się do nowej linijki i psuje całą stronę. Jest jakiś sposób żeby to zrobić?

HTML:

[HTML] pobierz, plaintext 
	<ul id="menu">
		<li><a href="">Start</a></li>
		<li><a href="">Wiadomości</a></li>
		<li><a href="">Sport</a></li>
		<li><a href="">Publicystyka</a></li>
		<li><a href="">Wideo</a></li>
		<li><a href="">Wydarzenia</a></li>
		<li><a href="">Więcej</a></li>
		<li id="search"><a href="">SZUKAJ</a></li>
	</ul>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
#menu {
	list-style-type:none;
	padding:0px;
	margin:5px 0px 15px 0px;
	overflow:auto;
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	font-size:85%;
	text-transform:uppercase;
}
 
#menu li {
	float:left;
	margin:0px 1px 0px 0px;
	background:#1f2123;
}
 
#menu li a, #menu li a:visited {
	display:block;
	padding:10px 9px;
	color:#d7d7d7;
}
 
#menu li a:hover{
	background:#a01128;
	color:#fff;
	text-decoration:none;
}
 
#search {
	display:block;
	text-align:right;
}
[HTML] pobierz, plaintext