IE7-使用Jquery时的Div对齐问题

我有一个正在使用jquery淡出的div，但是每当单击该div时，它都不会像在FF或Chrome中那样正确对齐。我只有IE7，所以我正在测试它，我不知道IE8是否以同样的方式运行

Jquery代码（用于淡入淡出效果）：

以下是css代码：

div.a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    border: 0px;}
img.b {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;}
div.fadehover {
    position: relative;}

下面是html代码：

<a href="javascript:animatedcollapse.toggle('vimeo')">
<div title="Vimeo" class="fadehover">
<div class="a"><img src="images/table_14b.png" width="112" height="105" style="position: absolute;" alt=""></div>
<img src="images/table_14.png" width="112" height="105" alt="" class="b">
</div></a>

很难解释到底发生了什么，但是如果你观察一下Chrome和IE7相比按钮的功能，你就会发现问题所在

---

要查看它的实际操作

请为徽标层和按钮层提供一个静态高度，如果可能，还可以提供宽度。这将解决MSIE的问题。

确定。现在我不知道为什么会这样，或者这是否是IE7的另一个渲染问题。这就是我在IE中实现clicky功能所做的：

向包含按钮的表格单元格添加以下样式

位置：相对

出于某种奇怪的原因，这似乎在IE7中都起作用。除非那只是开发者工具栏做了一些奇怪的事情

我还注意到，当在IE7中悬停时，按钮不会返回到正常状态

编辑
出于好奇，你为什么要用表格来做这么简单的布局？Div的布局将是完美和简单的。
那只是我深夜的想法，保存一个旧的Photoshop拼接布局比在Div中重做更容易。今晚我要把这些照片拼凑起来放到沙发上。叫它我的啊哈时刻。谢谢你的帮助。@woodfinx，没问题。希望解决了这个问题。
<a href="javascript:animatedcollapse.toggle('vimeo')">
<div title="Vimeo" class="fadehover">
<div class="a"><img src="images/table_14b.png" width="112" height="105" style="position: absolute;" alt=""></div>
<img src="images/table_14.png" width="112" height="105" alt="" class="b">
</div></a>