IE8 jQuery的显示（）股利增加父DIV的大小

Question

我有一个jQuery弹出这样

$("[id=messagelink]").hover(function(e) { 
    $(this).next('#popupmessage').show(); 
}, function() { 
    $(this).next('#popupmessage').hide(); 
}); 

股利代码：

<div>...... 
<a href='' id='messagelink' name='messagelink' touserid='1' ><img src='images/icons/mail.png' width='15' height='15' /></a> 
<div id='popupmessage' class='popup'>Blaaah</div>"; 
...... 
</div> 

的CSS

.popup { 
display: none; 
padding: 10px; 
background: #eeeeee; 
color: #000000; 
border: 1px solid #1a1a1a; 
font-size: 90%; 
position: absolute; 
} 

所有作品罚款FF，铬，歌剧院，但在IE弹出窗口显示，但它是增加父DIV的高度和宽度。 更糟糕的是，它将水平和垂直滚动条添加到DIV中。 YUK！

我从CSS中删除了填充，然后问题得到解决。但我需要一个很好的弹出消息，而不是一个裁剪的消息。

可以做些什么？

感谢您的帮助。 Coenos

Answer 1

如果你的目标不是IE 7或更低版​​本，你可以使用div {box-sizing：border-box;}。无论你给的填充将填充“INSIDE”指定的高度& DIV宽度而不是外部。

Answer 2

尝试使div位置相对。我从来没有经历过这个自己。

div { 
    position: relative; 
} 

http://jsfiddle.net/HaJjH/2/

我在IE8的模拟器来检查，你可以检查真实IE8，看看它是否工作