Вот, накарякал код на 100%.
.main-menu{
padding: 0;
margin: 0;
}
.main-menu li{
width: 175px;
position: relative;
list-style: none;
background-color: #2980b9;
padding: 10px 0;
padding-left: 15px;
padding-right: 10px;
border-bottom: 2px solid #2c3e50
}
.main-menu li a{
text-decoration: none;
color: white;
}
.main-menu > li.open {
background-color: #1abc9c;
}
.main-menu > li .sub-menu{
position: absolute;
top: 0px;
left: 140px;
z-index: 10;
}
.main-menu > li .sub-menu li{
width: 175px;
background-color: #1abc9c;
border-bottom: 2px solid #2ecc71;
}
Теперь интересуюсь, сильно грязно или нет.