Как сделать пункты в строке меню во всю ширину области меню

Попробуйте в css добавить следующее:
/**растягивает ссылки в меню**/
.sf-menu li a {
width: 100%;
text-align: center;
}
/**Убирает внутренние отступы**/
#main-navigation li a {
padding: 0;
}
/**Растягивает 6 пунктов меню (100/6 = 16,5). При добавлении новых пунктов нужно будет менять**/
.sf-menu li {
width: 16.5%;
}