在 IE8 中截断图像高度

Question

我的客户WordPress网站标题中的徽标图像在除IE7和IE8以外的所有浏览器中正常显示 - 它被切成两半（上半部分不显示）。

谷歌搜索会提示一系列可能的原因，从最大宽度到 z 索引。尝试了我能找到的一切，没有任何变化。

图片：http://d.pr/i/KIEA

.HTML：

<div class="logo">
    <a href="<?php echo home_url(); ?>"> <img src="<?php echo $data['header_logo']; ?>" alt="<?php bloginfo('name'); ?>" /></a>
</div>

计算样式（来自 Chrome）：

-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-border-image: none;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-size: auto;
border-bottom-color: #EC5923;
border-bottom-style: none;
border-bottom-width: 0px;
border-left-color: #EC5923;
border-left-style: none;
border-left-width: 0px;
border-right-color: #EC5923;
border-right-style: none;
border-right-width: 0px;
border-top-color: #EC5923;
border-top-style: none;
border-top-width: 0px;
color: #EC5923;
cursor: auto;
display: inline-block;
font-family: arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 105px;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: static;
text-decoration: none;
vertical-align: middle;
width: 460px;

完全没有尝试的事情。 有什么想法吗？

Answer 1

发现问题。父div 的边距为负，这会切断图像。