css - 背景图片在 Chrome 中没有垂直拉伸(stretch)

Question

CSS -

#header {       
    overflow: hidden;
    background: url(images/header-bg.png) top repeat-x #FFFFFF;        
    position: relative;        
    border: none;           
    display: block;
    height: 125px;   
    width:100%;
}

HTML -

<div id="header">
    <a href="http://localhost/" title="Dev" id="logo"><img src="images/logo.png" alt="" /></a>
</div>

这在 Firefox 中运行良好 -

但不是在 Chrome :( -

图像未在 Chrome 中垂直拉伸(stretch)。

帮助!

请注意，我在 Linux 上。

编辑:背景图片 (50x112px) -

在这里查看 - http://movie-buffs.info/

Answer 1

因此 chrome 会自动占用另一个 css 文件的背景大小。

当我放

background-size: auto auto !important;

在#header中，

问题解决了。

感谢大家的帮助。