Need help with CSS

I have a drop down menu(see attached). When you do mouse over the menu shows up aligned to the left(marked in red in the attached image). My question is how to align it to the right?

Thank you

 

Could you post the CSS for the menu then i can help identify how to help you, someone else might be able to do it without this but i'd need to see the code.

 

This is it, Thanks

#sddm
{ margin: 0;
padding: 0;
z-index: 30}

#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}

#sddm li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 60px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none}

#sddm li a:hover
{ background: #49A3FF}

#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #666666}

#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: 450px;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #EAEBD8;
color: #7A5346;
font: 11px arial}

#sddm div a:hover
{ background: #49A3FF;
color: #FFF}

 

Try setting text-align left on the li for the menu,
could you post the menu html please so then i can try it myself.

 

It is here: http://javascript-array.com/scripts/simple_drop_down_menu/

 

What do you want the text of sub-menu's aligned to the right?
If so just do add text-align:right; to the #sddm div a in your css like so:

#sddm div a{text-align:right;}

 

The reason i need it to open to the left is because i have a menu on the right hand side so there is no room.


I just added "text-align:right", but it didnt work.

#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: 450px;
white-space: nowrap;
text-align: right;
text-decoration: none;
background: #EAEBD8;
color: #7A5346;
font: 11px arial}