Html DIV基线上的超链接

我有以下标记：

<div class="ui-accordion ui-widget" style="margin: 10px 0px 12px 0px;">
    <h3 class="ui-helper-reset ui-corner-top ui-accordion-header ui-state-default" 
        style="height: 24px; font-weight: bold; padding: 5px 0px 0px 12px">Title</h3>
    <div class="ui-accordion-content-active ui-widget-content ui-corner-bottom accordionContent" 
         style="height:150px; padding: 8px 12px;">
        <ul>
            <li style="background-image:url('/_assets/images/image1.png');">
               <%= Html.ActionLink("Link 1", "Index", "Home") %>
            </li>
            <li style="background-image:url(/_assets/images/image2.png);">
               <%= Html.ActionLink("Link 2", "Index", "Home") %>
            </li>
            <li style="background-image:url(/_assets/images/image3.png);">
               <%= Html.ActionLink("Link 3", "Index", "Appointment") %>
            </li>
        </ul>
    </div>
</div>

在不带红色矩形的Chrome上渲染以下框

我想在红色矩形的位置添加一个超链接。我怎么做

请注意，所有使用的样式都是内联的，类都来自jqueryui标准类。我不是设计师，也许这个标记可以优化。欢迎任何建议……：

---

谢谢你的帮助

在中添加一个div，确保将父div设置为position:relative！谢谢你们两个！没有Aaron的建议，链接被放置在页面底部；

position: absolute;
right: 4px;
bottom: 4px;
width: 5em;
height: 1.5em;