[XHTML/CSS] Taille

Salut à tous,

Je suis en train de coder mon design que j'ai fais avec photoshop et il se trouve que je viens de rencontrer un problème.

Effectivement le design est en 3 parties:

Une Barre sur le haut qui possère la largeur de la page
Un centre qui possède la hauteur de la page au MINUMUM
Une Barre sur le bas qui possère la largeur de la page

Et donc cela m'a logiquement donné ce code XHTML puis CSS:

<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1–strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Design AllTheNight</title>
<meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design AllTheNight" href="allthenight.css" />
</head>
<body>
<div id="barre_haut"></div>
<div id="centre"><p>Test</p></div>
<div id="barre_bas"></div>
</body>
</html>

#barre_haut
{
width: 100%;
height: 45px;
background–image: url("images/barre_haut.jpg");
background–repeat: repeat–x;
}
#barre_bas
{
width: 100%;
height: 40px;
background–image: url("images/barre_bas.jpg");
background–repeat: repeat–x;
}
#centre
{
width: 700px;
height: 100%;
}

Et donc c'est la que se pose le problème. La hauteur du centre n'est pas de la hauteur de la fenêtre...

Quelqu'un aurai t'il une solution