سوال در مورد تغییراتی در منوی CSS

[abbas3zaar]

درود
یه منو CSS دارم ولی وقتی زیر منو ها باز میشن کادرش راست به چپ نیست! عکس زیر رو ببینید:

http://up.vbiran.ir/images/1h5q1sa8v3n3qsmii4y.jpg

حالا من میخوام کادری که باز میشه یکم به سمت چپ بیاد مثل عکس زیر:

http://up.vbiran.ir/images/yvcb9ues40exyffiox3h.jpg


اینم کد css:


.body {

font-size:11px;
width: 900px;
margin: 10px auto;
color: #666;
text-align:right;
font-family:tahoma;
}

a {
color: #333;
}
#nav {
margin: 0;
padding: 7px 6px 0;
background: #3496c9 url(images/gradient.png) repeat-x 0 -130px;
line-height: 100%;

border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 1em;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {
margin: 0 5px;
padding: 0 0 8px;
float: right;
position: relative;
list-style: none;
}


/* main level link */
#nav a {
font-weight: bold;
color: #e7e5e5;
text-decoration: none;
display: block;
padding: 8px 20px;
margin: 0;

-webkit-border-radius: 1em;
-moz-border-radius: 0.5em;

text-shadow: 0 1px 1px rgba(0,0,0, .3);

background: #666 url(images/gradient.png) repeat-x 0 -40px;
color: #444;
border-top: solid 1px #f8f8f8;

-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);

text-shadow: 0 1px 0 rgba(255,255,255, 1);


}
#nav a:hover {
background: #000;
color: #fff;

}

#nav ul a:hover {
background: #7af600 url(images/gradient.png) repeat-x 0 -100px !important;
color: #222222 !important;

-webkit-border-radius: 0;
-moz-border-radius: 0;

text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
background: #666 url(images/gradient.png) repeat-x 0 -40px;
color: #444;
border-top: solid 1px #f8f8f8;


-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);

text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
background: none;
border: none;
color: #666;

-webkit-box-shadow: none;
-moz-box-shadow: none;
}


/* dropdown */
#nav li:hover > ul {
display: block;
}

/* level 2 list */
#nav ul {
display: none;

margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 35px;
left: 0;
background: #ddd url(images/gradient.png) repeat-x 0 0;
border: solid 1px #b4b4b4;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 5px;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
float: none;
margin: 0;
padding: 0;
}

#nav ul a {
font-weight: normal;
text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
left: 181px;
top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;

-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
}
#nav ul li:last-child > a {
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;

-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
}

/* clearfix */
#nav:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#nav {
display: inline-block;
}
html[xmlns] #nav {
display: block;
}

* html #nav {
height: 1%;
}

[EMERTAT]

کل کد بزارین هم css و هم html اینجور کمی سخته

[abbas3zaar]

مشکل رو حل کردم
در خط شماره 116 مقدار Left رو باید منفی میکردم


فقط مشکلم اینجاست که من در Dreamwaver کد CSS رو تغییر دادم اجرا کردم تغییرات اعمال شد ولی در Visual Studio 2010 تغییر میدم وقتی اجرا میکنم اصلا کد css تغییر نکرده! چرا؟ پروژه رو ReBuild Solution هم میکنم بازم نمیشه!

[EMERTAT]

عزیز دل برادر

در خط 116 این کد هست

left:0;

با این عوضش کن

right: 0;

اینجوری با توجه با چپ تنظیم می کنی ولی تو با توجه به راست تنظیم کن

یه نکته دیگه اینکه تو داخل ie نگاه کنی گوشه های منو کی داری گرد نیست

با http://css3pie.com/ درستش کن

[abbas3zaar]

ممنون. درست شد