Question HTML/CSS

Bonsoir,
Je me suis mis depuis peu je me suis mis au codage de site, et là je bute sur un problème.
Quand je veux faire en sorte que mon en-tête (là où il y a la barre de navigation) fasse la longueur de toute la page, donc je rentre le code suivant:

header
{
	background: url('../images/fond_header.png') repeat-x;
	position: relative;
	left: -8px;
	top: -9px;
	height: 100%;
	width: 100%;
}

Ça remplis toute la page mais il y a un scrolling horizontal qui apparaît, je mets donc:

overflow-x: hidden;

Mais le problème, si je réduis la page, le scrolling horizontal n'apparaît pas et on peut scroll avec le pad d'un ordinateur portable.

Comment je peux faire en sorte que l'en-tête remplisse la longueur de la page sans scrolling horizontal à par si la page est réduite.