<div id="menu">
<ul>
<a href="lessons.php" title=""><li>Уроки</li></a>
<a href="articles.php" title=""><li>Статьи</li></a>
</ul>
</div>
#menu {
width: 200px;
background: #EFEFEF;
}
#menu a {
color: #000000;
text-decoration:none;
}
#menu ul {
list-style: none;
}
#menu li {
padding: 5px 10px;
border-bottom: 1px solid #5A5A5A;
}
#menu a:hover {
background: #666666;
display:block;
}
<style type="text/css">
.menu {list-style: none; padding: 0px}
.menu a{
color: #000;
display: block;
width: 190px;
border-bottom: 1px solid #5A5A5A;
text-decoration:none;
padding: 5px 10px;
background: #EFEFEF;
}
.menu a:hover{
background: #666666;
}
</style>
<ul class="menu">
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
</ul>