Image qui disparait à la taille de la fenêtre

Bonjour,

Je tenais a faire cette demande car j'ai beau changer de code, ma bannière part en saucisse et "disparait" selon la taille de la page.
Voici un exemple. Il suffit de scroller sur la droite (ce qui n'était pas visible dans la fenetre avant le scroll est devenu blanc) :



En réalité je ne comprend pas tellement pourquoi l'image disparait comme ça.

Voici le code simple de la banière :

<div id="header" class="baniere">
<blablabla>
</div>

Et voici le css associé :

#header {
	margin: 0;
}

.baniere {
	background: url(images/bg-top.png) no-repeat scroll center 0 transparent; /* Baniere */
}

J'arrive vraiment pas à m'en sortir :'(
Merci de bien vouloir m'aider !
Bonne journée à vous !