Javascript Hover在chrome上运行良好，但在safari上，Hover上显示的div显示在第一个div旁边？

所以hover在chrome上运行得非常好，但是当我在safari中查看它时，hover上显示的div直接显示在div的右侧，它应该在它的顶部。不确定为什么这不能在所有浏览器中正常工作？任何帮助都会很好

以下是HTML：

 <div class="appdesign">
 <img class="appmockup" src="img.jpg"/>
 <div class="apptext" style="display:none">
 <p class="apptexttitle">Name</p>
 <p class="apptextinfo">Mobile App Design<br><br>Insert info</p>
 <button>
 <a href="appdesign.html">View Project</a>
 </button>
 </div>
 </div>

这是JS

<script>
$('.appdesign').hover(function(){
$(this).find('.apptext').fadeIn('slow');
},
function(){
$(this).find('.apptext').stop().fadeOut('slow');
});
</script>

$（'.appdesign'）.hover（函数（）{
$（this.find（'.apptext'）.fadeIn（'slow'）；
},
函数（）{
$（this.find（'.apptext'）.stop（）.fadeOut（'slow'）；
});

你是在iPhone还是Mac上看的？我在笔记本电脑上，所以是Mac

<script>
$('.appdesign').hover(function(){
$(this).find('.apptext').fadeIn('slow');
},
function(){
$(this).find('.apptext').stop().fadeOut('slow');
});
</script>