menu ul

ahojte...potreboval by som poradit s horným menu. vždy som to robil cez div no teraz som sa dal do prace cez ul a li (http://shanoy.warez-forum.sk/penzion/)- takto to asi vyzera...no aj ked mam zadane v css presne hodnoty li a ul aku maju mat dlzku a tak no stale sa to zobrazuje upplne blbo..

css:
/* MENU HORIZONTAL*/
#menu_hor {
width: 750px;
margin: auto;
text-align: center;
background: #5E79BC;
border-top: 3px solid #ffffff;
}
#menu_hor ul {
width: 750px;
list-style: none;
background-color: #5E79BC;
font-weight: bold;
display: inline;
margin: 0px;
padding: 0px;
border-right: 3px solid #fff;
}
#menu_hor li {
width: 150px;
list-style: none;
background-color: #5E79BC;
font-weight: bold;
display: inline;
margin: 0px;
padding: 0px;
border-right: 3px solid #fff;
}
#menu_hor li:hover {
width: 150px;
list-style: none;
background-color: #fff;
font-weight: bold;
display: inline;
margin: 0px;
padding: 0px;
border-right: 3px solid #fff;
color: #000;
}

a html:
<!-- MENU -->
<div class="menu_hor">

<ul id="menu_hor">
<li id="menu_hor">HOME</li>
<li id="menu_hor">O NÁS</li>
<li id="menu_hor">CENNÍK</li>
<li id="menu_hor">KONTAKT</li>
<li id="menu_hor">FOTO</li>
</ul>

</div>
<!-- KONEC MENU -->

neviete poradit?

a co dat "li" padding a ty ostatni paddingy vyhodit?

li {
padding: 2%;
}
#menu_hor {
width: 750px;
margin: auto;
text-align: center;
background: #5E79BC;
border-top: 3px solid #ffffff;
}
#menu_hor ul {
width: 750px;
list-style: none;
background-color: #5E79BC;
font-weight: bold;
display: inline;
margin: 0px;
border-right: 3px solid #fff;
}
#menu_hor li {
width: 150px;
list-style: none;
background-color: #5E79BC;
font-weight: bold;
display: inline;
margin: 0px;
border-right: 3px solid #fff;
}
#menu_hor li:hover {
width: 150px;
list-style: none;
background-color: #fff;
font-weight: bold;
display: inline;
margin: 0px;
border-right: 3px solid #fff;
color: #000;
}

Jeste oprava: To "li" udelej tak:

li {
padding: 0% 2% 0% 2%;
}

diki..