css将向下对齐向右

Question

我正在使用此页面中的css/javascript下拉菜单:

http://javascript-array.com/scripts/simple_drop_down_menu/

虽然我希望将右边的下拉对齐到右边:当你悬停"联系"时,"电子邮件"项目等不会比顶部的"联系人"框更靠右边,而是如果需要,从左侧占用空间.这是一张有助于澄清的图片:

我想过要做一个不同类的极右法,我会做的:

<li class="alignRight"><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Contact</a>
    <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
    <a href="#">E-mail</a>
    <a href="#">Submit Request Form</a>
    <a href="#">Call Center</a>
    </div>
</li>

用css:

.alignRight {
    float: right;
}

但这不起作用.

如何将下拉菜单"对齐"？

Answer 1

添加position:relative;到.alignRight和right:1px;到.alignRight div