Избавьтесь от лишнего пустого места в правой части навигационной панели

Question

a newb здесь, чтобы решить проблему css с моей навигационной панелью.

На правой стороне есть дополнительное пустое пространство, которого не должно быть. Я хотел бы, чтобы элементы li заполняли навигационную панель полностью всеми неповрежденными свойствами.

Не могли бы вы помочь и узнать, что в моем коде css является виновником?

Спасибо

#nav { 
 
\t 
 

 
     \t height: 46px; 
 
} 
 

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

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

Answer 1

разрыв 100% от количества капель падения вы затем вставить эту ширину pecentage здесь, как этот

#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;}