یه هم ریختن منو در حالت دیزاین مسترپیج

[19216810047]

سلام.
دوستان من استایلی روبرای منوی سایتم در مسترپیج اماده کردم مشکلم اینه وقتی منو در مسترپیچ قرار می دم ایتم های منو کاملا به هم می ریزه(در حالت دیزاین)ودیگه نمی تونم در حالت دیزاین طراحی کنم.(منو در هنگام اجرا کاملا درست نمایش داده می شه)کد سی اس اس رو گذاشتم.کسی می تونه بگه باید چه کارکنم؟
با تشکر
کد های سی اس اس:
#tabs25{position:relative;display:block;height:42p x;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
#tabs25 ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#tabs25 ul li{display:block;float:right;margin:0 1px 0 0;}
#tabs25 ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
#tabs25 ul li a:hover,#tabs25 ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}

کد مستر پیچ:


<div id="navigation" >
<div id="tabs25">
<ul>
<li><a href='#' title='صفحه اصلي' class='current'><span>صفحه اصلي</span></a></li>
<li><a href='http://' title='درباره ما'><span>درباره ما</span></a></li>
<li><a href='http://' title='خدمات'><span>خدمات</span></a></li>
<li><a href='http://' title='تماس با ما'><span>تماس با ما</span></a></li>
<li><a href='http://' title='سفارش پروژه'><span>سفارش پروژه</span></a></li>
</ul>
</div>
</div>

سی اس اس navigation:

float: right;
height: auto;
width:100%;
background: ;

[dariush110]

دوست عزیز من یه نمونه کد میذارم مه برا طرهحی سایت خودمه و کار میکنه

این کد css


#nav{
background-color: blue;
background: linear-gradient(darkblue,darkgray);
width: 1004px;
height: 40px;
margin: 3px;
margin-bottom: 10px;
border-radius: 8px;
box-shadow: 5px 5px 5px 0px black;

}
#menu{
font-size: 16px;
list-style-type: none;
}
#menu li{
float: right;
}
#menu a{
display: block;
width: 251px;
height: 30px;
text-align: center;
padding-top: 10px;
border-radius: 8px;


}
#menu a:hover{
background: linear-gradient(red,blue);
}



اینم کد html


<div id="nav">
<ul id="menu">
<li>
<a href="#" >صفحه اصلي</a>
</li>
<li>
<a href="#" >درباره ما</a>
</li>
<li>
<a href="#" >اخبار سايت</a>
</li>
<li>
<a href="#" >تماس با ما</a>
</li>
</ul>

</div>