При верстке столкнулся с проблемой. Между горизонтальной меню и верхней картинкой пустое пространство.
Проблема из-за тегов <ul></ul>. Когда я их убираю то все нормально. но при их наличии вот такое. Помогите мне это исправить или предложите альтернативный способ 
Вот код меню:
Code
<div class="menu"><ul><li><a href="#">Головна</a></li><li><a href="#">Про фірму</a></li><li><a href="#">Діяльність</a></li><li><a href="#">Вакансії</a></li><li><a href="#">Зворотній звя'зок</a></li></ul></div>
Таблица стилей:
Code
.menu {margin: 0 auto;width:800px;height: 42px;background: url(images/navigation.jpg) repeat-x;line-height: 42px;font-size: 16px;text-align: center;}}
.menu ul {list-style: none;}
.menu li {float: left;margin: 0px 35px;list-style: none;}
.menu a {color: #4f6a97;text-decoration: underline;}
.menu a:hover {text-decoration: underline;color: #CCC;}
держи + 
