Всем привет! Не могу понять почему меню себя так ведет. Я новичек, так что код строго не судите.
html,
body {
margin: 0;
padding: 0;
}
body {
width: 430px;
min-height: 280px;
padding: 10px;
font-family: “Arial”, sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}
.main-menu { /строка меню/
padding:0;
white-space: nowrap;
list-style: none;
width:450px;
min-height:40px;
}
.main-menu li { /ячейка/
display:inline;
margin-left:-5px;
}
.main-menu li:first-child {
margin:0;
}
.main-menu li:last-child a{
padding-right:30px;
}
.main-menu .active>a {
background:#1abc9c;
}.main-menu li a { /ссылка в ячейке/
padding:13px 15px;
border-left:2px solid #2c3e50;
text-decoration:none;
background:#2980b9;
color:#ffffff;
}