создание меню

[Kochka]

подскажите пожалуйста, что не так в коде?

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;
    margin:0;
    list-style:none;
    background:#2980B9;    
    }
    
.main-menu li{
    display:inline-block;
    padding:10px 15px;
    border-left:2px solid #2C3E50;
    margin-right:-4px;    
    }

.main-menu a{
    text-decoration:none;
    color:white;
    margin-left:-1px;    
    }
    
.main-menu .active{
    background-color:#1ABC9C;}

[juwain]

Обычно в решении все значения кратны пяти. Так что попробуйте убрать

@Kochka

margin-left:-1px;

и поправить на -5

@Kochka

margin-right:-4px;

[Kochka]

Спасибо Вам, что ответили!