Пожалуйста, подскажите, что не так:
html, body { margin: 0; padding: 0; }
body { width: 280px; min-height: 280px; padding: 10px; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.4; background: #ecf0f1; }
ul, li{ padding:0px; margin:0px; }
.menu-item li{ list-style:none; }
a { display:block; box-sizing: border-box; width:200px; padding:10px 15px; text-decoration:none; color:#FFFFFF; border-bottom:2px solid #2C3E50; background-color:#2980B9; }
.active { background-color: #1ABC9C; border-bottom: 2px solid #2ecc71; }
a:hover { background: #1abc9c; }
Спасибо!