Мастерская: создаём меню / Более сложное оформление пунктов 6/28

/*body {
padding: 10px;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.4;
}

.main-menu {
width: 180px;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #E5E5E5;
background: #f5f5f5;
}

.main-menu li {
margin-bottom: 8px;
margin: 0;
padding: 8px 14px 8px 14px;
display:block;
}

.main-menu a {
color: #0088CC;
}*/

Что не так в коде?

Ваш код должен выглядеть так, следуя заданию в этом уроке:
body {
padding: 10px;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.4;
}

.main-menu {
width: 180px;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #E5E5E5;
background: #f5f5f5;
}
.main-menu a {
color: #0088CC;
display:block;
padding: 8px 14px 8px 14px;
}