15/28 100%

Укажите на недочеты, пожалуйста.

.main-menu {
list-style:none;
padding:0;
margin:0;
width:200px;
}

.main-menu>.active>a{
background: #1abc9c;
border-bottom:2px solid #2c3e50;
}

.main-menu>li>a{
background:#2980b9;
border-bottom:2px solid #2c3e50;
display:block;
color:#ffffff;
padding:10px 0 10px 15px;
}

.main-menu .active ul a{
display:block;
text-decoration:underline;
color:#2980b9;
padding-bottom:10px;
}

.main-menu .active ul{
display:block;
border-bottom:2px solid #2c3e50;
list-style:none;
padding:15px 15px 5px;
margin:0;
background:#ffffff;
}

a{
text-decoration:none;
}

Вы дважды объявляете ссылку блочным элементом. Почему бы не задать display: block; один раз, в этом правиле?