Css hakkında bi sorum var

arkadaşLar menumu css Lİ ile yaptım, ancak sole bi probLemim var, örnek olarak menunun adına göre width otomatik uzuyor, fakat sole bişi var, mesela menunun son elemanı ufak kalırsa arada bo$luk kalıyor, yanı tam kapanmıyor yapışmıyor ne yapmam gerekir ?
Resim :

Menu kodları (CSS) :

#top_nav ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#top_nav li {
	display: block;
	background-image: url('images/menubg.gif');
	background-repeat: repeat;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 10px;
	width:auto;
	line-height: 50px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}
#top_nav li a {
	background-image: url('images/menubg.gif');
	background-repeat: repeat;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
}
#top_nav a:hover {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #fff;
	background-image: url('images/menubg2.gif');
}

neyse hallettimn tşkLer ..