Испытание: выпадающее меню 100% Проверьте код, пожалуйста, на возможные ошибки ))

.main-menu{
list-style:none;
margin:0;
padding:0;
width:200px;
}
.main-menu .sub-menu {
list-style:none;
margin:0;
padding:0;
}
.main-menu li{
position:relative;
}
.main-menu .sub-menu{
position:absolute;
left:180px;
top:0px;
z-index:10;
width:200px;
}
.main-menu a{
display:block;
padding:10px 15px;
color:#ffffff;
background:#2980b9;
text-decoration:none;
border-bottom:2px solid #2c3e50;
}

.main-menu .open a{
background:#1abc9c;
border-color:#2ecc71;
}

.main-menu> .open> a{
background:#1abc9c;
border-color:#2c3e50;
}

.main-menu li поменять на .main-menu .open

в остальном все в порядке (ну разве что объединить можно некоторые вещи, не критично)
а вопрос-то какой?