تومبلات كود وضع قائمة ناف بار اعلى الواجهه بشكل جميل جدا

<div id="up-nav">
<ul>
<li><a href="ضع الرابط
 هنا ">اسم الرابط</a></li>
<li><a href="ضع
الرابط هنا ">اسم الرابط</a></li>
<li><a
href="ضع الرابط هنا ">اسم الرابط</a></li>
</ul>
</div>

 
#up-nav{
margin: 0px auto 0px auto;
width: 100%;
background-image:
 url('ضع رابط الخلفية الكلية للنافبار');
background-repeat: repeat-x;
height:
 20px;
}
#up-nav ul{
padding: 0px;
margin: 0px;
list-style-type:
 none;
}
#up-nav ul li{
float: right;
text-align: center;
}
#up-nav
 a{
width: 70px;
height: 20px;
display: block;
font-family:
tahoma;
font-size: 10pt;
color: #FFFFFF;
text-decoration: none;
}
#up-nav
 a:hover{
background-color: #ضع لون الخلفية عند مرور الماوس;
color:
 #fff;
border-right-style: solid;
border-right-width: 2px;
border-right-color:
 #000000;
border-left-style: solid;
border-left-width: 2px;
border-left-color:
 #000000;
}