Кто "шарит" в html и css, помогите разобраться. В списке-горизонтальном меню неизбежно появляются какие-то отступы сверху и снизу внутри контейнера.

Html-код:

• Ссылка 1
• Ссылка 2
• Ссылка 3
• Ссылка 4

CSS-код:

menu {

background-color: #537599;

position: relative;

overflow:hidden;

height:25px;

margin:20px 0 }

menu ul {

list-style:none;

position: relative;

left:50%;

float:left;

font:14px Arial;

height:30px }

menu ul li {

position:relative;

left:-50%;

float:left;

margin:0 5px;

height:30px }

menu ul li a { color: white;

display:block;

text-decoration:none;

padding:4px 10px }

menu ul li a:hover {

background-color:#4778c3;

color:#ccc }