IE7 - проблема выравнивания Div при использовании JQuery

Question

У меня есть div, который я исчезаю с помощью jquery, однако всякий раз, когда нажимает div, он не выравнивается должным образом, как в FF или Chrome. У меня только IE7, поэтому я тестирую его в этом, и я не знаю, ведет ли IE8 то же самое.

Jquery код (для эффекта замирания):

$(document).ready(function(){ 


$("div.a").hover(
    function() { 
     $(this).stop().animate({"opacity": "0"}, "slow"); 
    }, 
    function() { 
     $(this).stop().animate({"opacity": "1"}, "slow"); 
}) 
.click(
    function() { 
     $("div.a").css("z-index","10"); 
    $(this).css("z-index","8"); 
}); 

}); 

Вот код 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, вы увидите проблему.

http://woodfinx.net, чтобы увидеть его в действии

Answer 1

Дайте статическую высоту, и, если возможно, ширины, с логотипом слоя и кнопки слоя. Это устранит проблему с MSIE.

Answer 2

Хорошо. Теперь я понятия не имею, почему это работает, или если это еще одна проблема с IE 7. Теперь это то, что я сделал, чтобы получить щелкающую вещь работать в IE:

К клеткам таблицы, которые содержат кнопки добавьте следующий стиль

position: relative;

что для некоторой странной причины, кажется, работает в IE 7 все. Если это не было просто панель инструментов разработчика, делающая что-то странное.

Кроме того, я заметил, что, что кнопки не возвращаются в нормальное состояние, когда колебались от в IE 7.

редактировать Просто из любопытства, почему вы используете таблицы для этого простого макета? Div для этого макета было бы идеально и легко.