[Résolu] [Xhtml/Css] background - sous ff ne descend pas assez bas par cdel06 - page 1

Salut à tous,
sous mozilla firefox le background fond.png ne descend pas jusqu'au bas du contenu mais s'arrete au menu.
Si vous avez des idées pour la résolution de mon problèm, je suis preneur. o_O

le site

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <link rel="stylesheet" media="screen" type="text/css" title="style" href="ie.css" />
</head>

<body>

   
<div id="header">
<div id="logo"></div>
<div id="login">
<div id="login-top"></div>
<p>hello boy</p>
<div id="login-bottom"></div>
</div>
</div>
   

   
<div id="menu">Accueil | Forum | Contact</div>



<div id="menu_v">
<div id="menu-top_v"></div>
<p>hello boy</p>
<div id="menu-bottom_v"></div>
</div>

<div id="contenu">hello boy</div>


</body>
</html>

html
{
height: auto;
background-image: url(images/background.png);
background-repeat: repeat-x;
background-position: bottom;
}

body
{
width: 638px;
height: 100%;
background-image: url(images/fond.png);
margin: auto;
clear: both;
}

/* En-tête */
#header
{
width: 592px;
height: 108px;
margin-left: 21px;
margin-right: 26px;
}

#logo
{
width: 304px;
height: 108px;
background-image: url(images/logo.png);
float: left;
}

#login
{
width: 244px;
background-color: White;
float: right;
margin-top: 1px;
}

#login-top
{
width: 244px;
height: 14px;
background-image: url(images/login-top.png);
background-repeat: no-repeat;
}

#login-bottom
{
width: 244px;
height: 8px;
background-image: url(images/login-bottom.png);
background-position: bottom;
background-repeat: no-repeat;
}

#menu
{
width: 315px;
height: 26px;
background-image: url(images/menu_h.jpg);
background-repeat: no-repeat;
margin-left: 21px;
padding-top: 5px;
padding-left: 10px;
}

#menu_v
{
background-image: url(images/menu_v.png);
width: 148px;
margin-left: 41px;
float: left;
}

#menu-top_v
{
background-image: url(images/menu-top_v.png);
width: 148px;
height: 36px;
}

#menu-bottom_v
{
background-image: url(images/menu-bottom_v.png);
width: 148px;
height: 18px;
}

p
{
margin-left: 8px;
margin-right: 8px;
margin-top: 1px;
margin-bottom: 1px;
}

#contenu
{
width: 400px;
float: right;
}

merci beaucoup d'avance

cdel06

4 février 2006 à 12:53:45