Горизонтальное меню на css

<div class="menu">
<div class="menu-width">
<ul class="menu-ul">
<a href="#"><li>Главная</li></a>
<a href="#"><li>Новости</li></a>
<a href="#"><li>Блог</li></a>
<a href="#"><li>Файлы</li></a>
<a href="#"><li>Видео</li></a>
</ul>
</div>
</div>

div.menu {background: #62A9FF;width: 100%;height: 40px;border-bottom: 3px solid #3B9AFF;}
div.menu-width {width: 900px;margin: 0 auto;}
ul.menu-ul {list-style: none;}
ul.menu-ul li {float: left;line-height: 37px;padding: 0 15px 0 15px;height: 40px;}
ul.menu-ul li:hover {background: #3B9AFF;-webkit-box-shadow: inset 0px 0px 5px #0374FF;-moz-box-shadow: inset 0px 0px 5px #0374FF;box-shadow: inset 0px 0px 5px #0374FF;}
ul.menu-ul a {font-size: 14px;color: #fff;font-family: Comic Sans MS;font-weight: normal;}