jQuery - проблема совместимости с Internet Explorer 7 и общее поведение с ошибками

Question

Я уже задавал некоторые вопросы по этой теме, я сделал некоторые изменения, которые предложили пользователи, но я все еще не могу решить проблему. Я немного знал о JavaScript, я просто изменил код с другой страницы.

У меня есть этот код, который динамически перемещает Div над изображением при наведении на него курсора. Вы можете проверить это на этой тестовой странице: cine.uuuq.com

-В Firefox отлично работает.

-В Chrome я получаю некоторые ошибки. Div скользит вверх, когда наведите курсор на нижнюю часть div.

-В Internet Explorer 7 все работает очень медленно (глючит), и div не очень хорошо расположен.

JQuery:

jQuery.fn.masque = function(classSelector) {
$(this).hover(function(){
$(this).find(classSelector).stop().animate({height:'90px',opacity: '1'},400);
},function () {
$(this).find(classSelector).stop().animate({height:'0',opacity: '0'}, 300);
});
};
$(document).ready(function(){$('.thumb').masque('.masque');});

HTML:

<div class="thumb bg25">
    <a href="#"><img src="img/poster2.jpg" alt="Movie Title" /></a>
    <div class="masque">
            <h3 class="movietitle"><a href="#" >Movie Title</a></h3>
            <p class="movieinfo">2008</p>
            <p class="movieinfo">Drama, History, Comedy, Short</p>
    </div>
</div>

CSS:

.thumb {float:left; margin:0 14px 14px 0; width:126px; height:186px; padding:10px; position:relative;}

.masque {position:absolute; background:#212326; width:118px; bottom:10px; height:0; padding:4px; display:none;}

Может быть, кто-то может помочь мне решить эти проблемы совместимости! Спасибо!

Answer 1

Если я возьму код, который вы процитировали в вопросе, и поместил его на тестовую страницу, он отлично работает для меня в IE7, хотя тестовая страница, на которую вы ссылаетесь, безусловно, подталкивает что-то вправо в IE7.

Я бы порекомендовал взять код из вашего вопроса и построчно перестраивать эффект тестового сайта, пока вы его не сломаете. Это должно быть довольно справедливое указание на то, где что-то идет не так:)