سلام.
احتمالا با خواص width یا padding میشه برداشت.ولی اگه دمو دارید راحتتر میشه کمک کرد.
این کد HTML :
[HTMLS]<div id="menu">
<ul>
<li><a href="#">خانه</a></li>
<li class="page_item page-item-2"><a href="#">درباره انجمن</a></li>
<li class="page_item page-item-42"><a href="#">گالری عکس</a></li>
<li class="page_item page-item-32"><a href="#">شماره حساب</a></li>
<li class="page_item page-item-35"><a href="#">آرشیو مجله</a></li>
<li class="page_item page-item-40"><a href="#">بخش ویژه</a></li>
<li class="page_item page-item-44"><a href="#">ارتباط با ما</a></li>
<li class="page_item page-item-260"><a href="#">بیماران</a></li>
<li class="page_item page-item-265"><a href="#">اطلاعات مورد نیاز</a></li>
<li class="page_item page-item-267"><a href="#">اهدا کلیه</a></li>
<li class="page_item page-item-270"><a href="#">کارت پیوند</a></li>
<li class="page_item page-item-273"><a href="#">کارت دیالیز</a></li>
<li class="page_item page-item-275"><a href="#">هدیه ایثار</a></li>
<li class="page_item page-item-278"><a href="#">IT</a></li>
<li class="feed"><a href="#">فيد RSS</a></li>
</ul>
<div class="clear"></div>
</div>
[/HTMLS]
این استایل اصلیه :
[CSSS]#menu {display: block;width: 1000px;height: 30px;background: url(img/menu.png) no-repeat;margin: 10px 0 0 0;}
#menu ul {float: left;margin: 0 0 0 5px;display: inline;height: 30px;width: 795px;}
#menu ul li {position: relative;float: left;display: block;}
#menu ul li a {float: left;display: block;height: 30px;line-height: 30px;color: #555;padding: 0 10px 0 10px;background: url(img/menu_l.png) no-repeat right;}
#menu ul li.current-cat a, #menu ul li.current-cat a:hover {color: #297eb9;}
#menu ul li.current-cat ul li a {color: #555;}
#menu ul li.current-cat ul li a:hover {color: #297eb9;}
#menu ul li a:hover {color: #297eb9;}
#menu u ul li a:hover {color: #297eb9;}
#menu ul ul {float: none;display: none;position: absolute;top: 30px;left: -1px;background: #fff;margin: 0 0 0 0;padding: 5px 5px 10px 5px;border: 1px solid #ccc;border-top: 0;height: auto;width: 190px;z-index: 10;}
#menu ul ul li {float: none;display: block;border-right: 0;position: static;}
#menu ul ul li a {float: none;display: block;font-weight: bold;color: #555;height: 22px;line-height: 22px;position: static;padding: 0 5px 0 5px;border-bottom: 1px solid #eee;background: none;}
[/CSSS]
این هم استایل مربوط به تبدیل راست به چپ :
[CSSS]#menu ul {float: right;margin: 0 5px 0 0;width: 1000px;}
#menu ul li {float: right;}
#menu ul li a {float: left;background: url(img/menu_l.png) no-repeat left;}
#menu ul ul {right: -1px;}
#menu ul ul li {border-left: 0;}
[/CSSS]
