Зависание не появляется в точном месте

Question

У меня есть div и изображение внутри div, я называю jquery hover для div.Я установил размеры div на 40 * 30.Моя проблема в том, что когда я нахожусь у основания div, зависание вступает в силу !!!

это код:

<div style=" width: 40px; height: 30px; background-image:url('someImage');cursor:pointer;" class="Div">
 <img src="someimage" style="width: 40px; height: 30px; opacity: 0;" class="Image" />
 </div>

это Jquery

$(document).ready(function() {

$('.Div').hover(
function() { $("img.Image", this).animate({ "opacity": "1" }); }
   ,
function() { $("img.Image", this).animate({ "opacity": "0" }); }
);
 });

Answer 1

спасибо за ваши ответы, думаю, я решил свою проблему. Проблема заключалась в том, что каким-то образом у меня был другой div, у которого не было никакого контента и который перекрывал мой образ !!!!.

Answer 2

Я собрал пример того, что, как мне кажется, вы пытаетесь сделать, на http://jsbin.com/uvaje3. Я не использовал отдельный тег img, так как это сбивало с толку ... извиняюсь, если был причина для отдельного тега img, в этом случае я не отвечу на ваш вопрос;)