Испытание: вертикальное меню

[Dina_]

Подскажите, пожалуйста, в чем ошибка? Никак не пойму.
html, body {
margin: 10;
padding: 0;
}

body {
width: 280px;
min-height: 280px;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}
.menu{
width: 200px;
}
ul{
padding: 0px;
margin: 0px;
list-style: none;
}

.menu a{
color: #FFFFFF;
text-decoration: none;
padding-bottom: 10px;
padding-top: 10px;
padding-right: 15px;
padding-left: 15px;
display: block;
background-color: #2980B9;
margin-bottom: -2px;
border-bottom:2px solid #2C3E50;
}

.active a:hover{
background-color: #1ABC9C;
border-bottom:2px solid #2ECC71;
}

li{
border-bottom:2px solid #2C3E50;
}

[Ineska]

Пожалуйста, не меняйте стили для html и body, если об этом не сказано в самом задании.
В исходном варианте было так:
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;
}
Также будет лучше, если ваш второй пункт меню будет сразу активным, а не только при наведении.

[Dina_]

Спасибо, получилось выполнить!