在不同的监视器上左对齐div问题

Question

我一直在使用一些CSS并需要一些帮助。我试图在鼠标悬停时从表格单元格向下滑动div，但似乎无法使div与所有不同监视器上的表格单元格保持对齐。在某些显示器上它可以工作，而有些则没有对齐（见下文）。我希望它在对齐方面看起来像SE收件箱：

这是我的代码： 的 HTML ：

<td class="inboxCell">
    <a data-badge="1" id="idInbox" class="inbox" src="http://www.someurl.com"/>
</td>

Jquery的

var ele = $('#inboxCell');
$('.inboxMenu').show().slideDown(1000).css({
  display: "block",
  position: "absolute",
  right: '54px',
  top: $(ele).offset().top + 20 + "px"
});

Popup Div：

<div id="inboxMenu" class="inboxMenu">
    <div class="inboxMenuHeader">Your Inbox</div>
    <div id="test" class="inboxPlaceHolder"></div>
</div>

截图