摆脱导航栏右侧的额外空白区域

Question

这是一个想要用我的导航栏解决css问题的新手。

右侧有一个额外的空白区域，不应该存在。我想li元素完全填满导航栏，所有属性都完整无缺。

你能帮忙看一下我的css代码中的罪魁祸首吗？

谢谢

#nav {
	

     	height: 46px;
}

#nav > li {
	float: left;
	
	padding: 14px 29px 10px 29px;
	
	border-right:1px solid #eae5e4;
	border-left:1px solid #ffffff;
}
#nav > li a {
	color: #7d8184;
	font-size: 15px;
}
#nav > li:last-child { border-right:none; }
#nav > li.over, #nav > li:hover, #nav > li.active {
	
	border-bottom:5px solid #f15a3b;
}
#nav > li > a > span {
	
}
#nav > li.over.parent {
}
#nav .homelink {
	
}
#nav .custommenuitem {
	border-left:1px solid #eae5e4;
	border-right:none;
	display:none;
}

#nav li.block_li > a > span, #nav li.block_li > a {
	cursor: default;
}
#nav li div.custom_menu_item {
	position: absolute;
	padding: 15px;
	z-index: 1500;
	width: 980px;
	margin-left: -1px;
	border: 1px solid #EAE5E4;
	top:45px;
}

Answer 1

将100％除以你拥有的下拉数，然后像这样插入宽度百分比

#nav > li {
float: left;
width: 25%; /* if you had 4 dropdowns*/
padding: 14px 29px 10px 29px;

border-right:1px solid #eae5e4;
border-left:1px solid #ffffff;}