单个下拉菜单，向右下方

Question

下拉列表时遇到一些问题。我希望它落到左侧，但我不知道该怎么做。我尝试了一些有边距和填充的东西，但是我找不到解决方法。代码在这里：

＆＃13;

＆＃13;

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul li {
	display: block;
	position: relative;
	float: right;
}

li ul {
	display: none;
	margin-top: -11px;
}

ul li a {
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #f00;
}

li:hover ul {
display: block;
position: absolute;
right: 0px;
}


li:hover li {
	float: left;
	margin-left: 10px;
}

li:hover a {
	background: transparent;
	margin-left: 10px;
}

li:hover li a:hover {
	background: #000;
}

#drop-nav li ul li {
	border-top: 0px;
	margin-right: 40px;
	background-color: #FFFFFF;
	width: 260px;
}

img.menu {
height: 39px;
width: 34px;
margin-top: 41px;
}

＆＃13;

<ul id="drop-nav">

  <li><a href="#"><img src="https://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/menu-alt-256.png" class="menu"></a>
    <ul>
      <li><a href="#">General Inquiries</a></li>
      <li><a href="#">Ask me a Question</a></li>
    </ul>
  </li>
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 1

li:hover ul {
    display: block;
    position: absolute;
    right:0px;
}