Почему меню не растягивается на всю ширину ?
.main-menu {
list-style:none;
margin:0;
padding:0;
}
.main-menu li {
display:inline-block;
background-color:#2980B9;
margin-left:-5px;
}
.main-menu li:first-child {
margin:0;
}
.main-menu a {
display:block;
padding:10px 15px;
color:white;
text-decoration:none;
border-left:2px solid #2C3E50;
}
.main-menu .active {
background: #1ABC9C;
}