html - 如何将下拉菜单，菜单向左移动？

Question

.head_menu
{
    height:30px;
    line-height:30px;
    color:#FFF;
    position:absolute;
    font-family:Arial;
    font-size:15px;
    right:15px;
    z-index:2;
    top:3px;

}
.head_menu ul
{
    padding:0px;
    margin:0;
    list-style:none;
}
.head_menu ul li
{
    padding:0;
    margin:0;
    float:left;

}
.head_menu ul li a
{
    color:#FFF;
    display:block;
    text-decoration:none;

}
.head_menu ul li a:hover
{

    color:#FFF;
    text-decoration:underline;
    text-shadow: 0 0 10px #FFF;
}
.head_menu ul li ul a:hover
{
    background:#e17310;
}
.head_menu ul li ul
{
     display: none;
     width: auto;
     position:absolute;
     top:30px;
     padding:0px;
     margin:0px;

}
.head_menu ul li:hover ul
{
     display:block;     
     position:absolute;
     margin: 0;
     padding: 0;
}
.head_menu ul li:hover li
{
    float: none;
    list-style:none;
    margin:0px;

}
.head_menu ul li:hover li
{
    background:#e7a017;
}
.head_menu ul li:hover li a
{
    color: #FFF;
    padding:0 20px;
    display:block;
    width:80px;
}
.head_menu ul li li a:hover
{
    color:#FFF;
}

这就是我的代码，下拉菜单看起来像这样。

http://s18.postimg.org/612nvikmh/Untitled.jpg

(抱歉，如果它翻转了，我知道为什么，但是当我上传它时，它以这种方式翻转)

你们能帮我把它移到左边以显示完整菜单吗？我已经尝试解决这个问题一个小时了，但似乎无法在互联网上找到解决方法，我现在非常困惑。

谢谢大家!

Answer 1

.head_menu
{
height:30px;
line-height:30px;
color:#FFF;
position:absolute;
font-family:Arial;
font-size:15px;
left:15px;
z-index:2;
top:3px;

}