تغییر منو به صورت انگلیسی

[mohsen.nsb44]

سلام من میخوام منو زیر از راست به چپ نشون داده بشه مثل منوی انگلیسی
مشکل این کد من کجاست که از راست به چپ نشون میده منوی منو


body{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
direction:ltr;
}
#vertical-nav {
width:150px;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
float:left;
direction:ltr;
text-align:center;
z-index:1000;
}
#vertical-nav ul {
margin:0px;
padding:0px;
*border-top:1px #333 solid;/*IE 7*/
}
ul.vertical-top-level {
background-color:white;
color:black;
}
#vertical-nav li {
list-style:none;
}
ul.vertical-top-level li {
border-bottom:#fff solid 1px;
}
#vertical-nav a {
color:#707A90;
display:block;
height:25px;
line-height:25px;
text-decoration:none;
width:100%;
}
#vertical-nav a:hover{
_background-color:#39C;/*IE 6*/
_display:block;/*IE 6*/
}
#vertical-nav li:hover {

background-color:whitesmoke;
font-weight:bold;
position:relative;
border-radius:5px;
}
ul.vertical-sub-level {
display:none;
}
li:hover .vertical-sub-level {
background-color:#666;
border:#fff solid 1px;
display:block;
position:absolute;
right:150px;
top:0px;
}
ul.vertical-sub-level li {
border:none;
float:left;
width:150px;
*background-color:white;/*IE 7*/
}
#vertical-nav .vertical-sub-level {
background-color:white;
}
#vertical-nav .vertical-sub-level .vertical-sub-level {
background-color:white;
}
li:hover .vertical-sub-level .vertical-sub-level {
display:none;
}
.vertical-sub-level li:hover .vertical-sub-level {
display:block;
*left:0px;/*IE 7*/
}

[hsdnhd]

هیچوقت به هیچ وجه در تگ body از خاصیت direction استفاده نکنید چون در کانبندی به مشکل بر می خورید .بازم اگر کدhtml رو هم میذاشتید بهتر می شد راهنمایی کرد اما تا به اینجا
مشکلتون:

direction:ltr;

[mohsen.nsb44]

کد اچ تی ام ال رو براتون میزارم



<div dir="ltr" style="height:auto; width: 100%;" align="left">
<ul id="vertical-nav" class="auto-style16">
<li ></li>

<li>
<asp:Repeater ID="Repeater2" runat="server" DataSourceID="sdsMenu" >
<ItemTemplate>

<li><a href="../aus/group.aspx"><%#Eval("onvan")%></a>
<ul class="vertical-sub-level">
<asp:SqlDataSource ID="sdsChild" runat="server"
ConnectionString="<%$ ConnectionStrings:MDFConnectionString %>"
SelectCommand='<%#"SELECT * FROM [zzzz] Where GroupID="+Eval("ID") %>'>
</asp:SqlDataSource>
<asp:Repeater ID="rptChild" runat="server" DataSourceID="sdsChild">
<ItemTemplate>
<li class="subfirst"><a href="<%#Eval("url")%>"><%#Eval("xxx")%></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</li>
</ItemTemplate>
</asp:Repeater>
<li>
</li>
<li></li>

</ul>
<asp:SqlDataSource ID="sdsMenu" runat="server"
ConnectionString="<%$ ConnectionStrings:MDFConnectionString %>"
SelectCommand="SELECT [xxxx], [XXXXX] FROM [tbl_Grouh] where xxxx='xx' ORDER BY [xxxx]"></asp:SqlDataSource>
</div>

[پیام حیاتی]

کد اچ تی ام ال رو براتون میزارم



<div dir="ltr" style="height:auto; width: 100%;" align="left">
<ul id="vertical-nav" class="auto-style16">
<li ></li>

<li>
<asp:Repeater ID="Repeater2" runat="server" DataSourceID="sdsMenu" >
<ItemTemplate>

<li><a href="../aus/group.aspx"><%#Eval("onvan")%></a>
<ul class="vertical-sub-level">
<asp:SqlDataSource ID="sdsChild" runat="server"
ConnectionString="<%$ ConnectionStrings:MDFConnectionString %>"
SelectCommand='<%#"SELECT * FROM [zzzz] Where GroupID="+Eval("ID") %>'>
</asp:SqlDataSource>
<asp:Repeater ID="rptChild" runat="server" DataSourceID="sdsChild">
<ItemTemplate>
<li class="subfirst"><a href="<%#Eval("url")%>"><%#Eval("xxx")%></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</li>
</ItemTemplate>
</asp:Repeater>
<li>
</li>
<li></li>

</ul>
<asp:SqlDataSource ID="sdsMenu" runat="server"
ConnectionString="<%$ ConnectionStrings:MDFConnectionString %>"
SelectCommand="SELECT [xxxx], [XXXXX] FROM [tbl_Grouh] where xxxx='xx' ORDER BY [xxxx]"></asp:SqlDataSource>
</div>


عزیز دل تو کد که مشخصه ltr و align رو تغییر بده