Remplissage débordant.

Bonjour, voilà, j'ai petit stress de mise en page:

J'ai un Header:

#header{
	height:250px;
	border: 1px solid #009FB8;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

Ce header contenait une image, en bg, 100%, centrée, de manière à lorsque j'étire ma page, le bg s'étire lui aussi étant donné qu'il est en %.

Cela étant fait, je me suis donc dit que c'était sympa, mais que j'aimerais avoir un bord blanc de 10 pxl à l'intérieur de ce header...

Donc, j'ai fait un div dans ce header...

Ce qui devient:

#header{
	height:250px;
	border: 1px solid #009FB8;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 10px;
}
#dansheader{
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 230px;
	width: 100%;
	
}

Mais voilà, cette chose étant faite, mon Header principal est 1 pxl trop grand de chaque côté, et, malgré avoir testé pas mal de choses, je n'arrive pas à avoir une taille de 90 %

XHTML

 <div id = "header">
  <div id = "dansheader"></div>
 </div>

Bon, ben en rusant, je me rapproche de ce que je cherche, mais en redimensionnat la page, on voit bien que c'est pas super précis...

xxx