Hintergrundbild nicht vertikal immer

Question

Die CSS in Chrome gestreckt -

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

Die HTML -

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

Dies funktioniert gut in Firefox -

Aber nicht in Chrome :(-

Das Bild wird in Chrome nicht vertikal gestreckt.

Hilfe!

Nur eine Anmerkung, ich bin auf Linux.

Edit: Das Hintergrundbild (50x112px) -

bestellen hier aus - http://movie-buffs.info/

Answer 1

So Chrom wurde automatisch Aufnahme Hintergrund-Größe von einer anderen CSS-Datei.

Als ich setzte

Hintergrund-size: auto auto wichtig;

in #header,

das Problem war verschwunden.

Danke allen für die Hilfe.

Answer 2

Der Kurz Sie für Hintergrund verwenden, wird die Farbe #FFFFFF im letzten Argument platzieren, Es sollte in der ersten sein. Versuchen Sie, die Kurz loszuwerden, so dass Ihr Code wird wie folgt aussehen:

/* background: url(images/header-bg.png) top repeat-x #FFFFFF; */ 
background-image: url(images/header-bg.png); 
background-repeat: repeat-x; 
background-color: #fff; 
background-position: top; 

Stenografie Reihenfolge:

background-color, background-image, background-repeat, background-attachment, background-position