Background image not getting vertically stretched in Chrome.

Posted by KPL on Stack Overflow See other posts from Stack Overflow or by KPL
Published on 2010-12-27T05:46:05Z Indexed on 2010/12/27 5:54 UTC
Read the original article Hit count: 264

Filed under:

Hi all,

The CSS -

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

The HTML -

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

This works good in Firefox -

alt text

But not in Chrome :( -

alt text

The image isn't being stretched vertically in Chrome.

Help!

Just a note, I'm on Linux.

© Stack Overflow or respective owner

Related posts about css