Помогите выровнять пункты меню в css

на сайте вверху есть горизонтальное выпадающее меню.

раньше оно было немного другого плана - два правых пункта были выравнены по правому краю. В принципе, все устраивало, но сейчас необходимо выровнять все пункты меню равномерно по всей длине. пробовал ставить margin в процентах - либо много, либо мало. как растянуть их? никак не получается.

вот кусок css

#menu {

	margin:10px auto 0 auto;

	list-style:none;

	height:40px;

	position: relative;

	background: #61a117;

	width: 100%;	



	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;



	border: 1px solid #61a117;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;

	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;

	box-shadow:inset 0px 0px 1px #edf9ff;

}





#menu li {

	float:left;

	display:block;

	position:relative;

	padding: 4px 10px 4px 10px;

	margin: 7px 1% 0 1%;

	border:none;

}



#menu li:hover {

	border: 1px solid #777777;

	padding: 4px 9px 4px 9px;

	background: #F4F4F4;

	-moz-border-radius: 5px 5px 0px 0px;

	-webkit-border-radius: 5px 5px 0px 0px;

	border-radius: 5px 5px 0px 0px;

}