15/28 , 100%, но вроде можно было лучше, проверьте плиз

html,
body {
margin: 0;
padding: 0;
}

body {
width: 280px;
min-height: 280px;
padding: 10px;

font-size: 14px;
line-height: 1.4;
font-family: “Arial”, sans-serif;
background-color: #ecf0f1;
}
.main-menu{
width:200px;
list-style: none;
margin: 0;
padding: 0;
}

ul{
margin: 0;
padding: 0;
list-style:none;
}

.main-menu a{
display:block;
color:#ffffff;
text-decoration: none;

}

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

.active ul{
padding-top:10px;
padding-bottom:10px;
background-color:#ffffff;
border-bottom:2px solid #2c3e50;
}

.active li a {
color:#2980b9;
background-color:#ffffff;
text-decoration:underline;
padding:5px 15px;
}

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