Footer qui ne suit pas

Bonjour

J'ai un léger problème avec mon footer.

<div id="footerbar">
<div id="boxfooter"><img src="images/footer.jpg" alt="footer" /></div>
</div>

CSS:

#footerbar {
	clear:left;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height:76px;
	background: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	
		}

#boxfooter {
    margin: 0 auto;
    width: 851px;
}

Je veux fixer mon footer en bottom (jusqu'à la ça va), mais lorsque la hauteur du contenu dépasse la hauteur de l'écran, le footer passe par dessus et le texte par en bas.

Comment faire pour qu'il suive (comme dans un design extensible).

Merci.
Modifié par Samuel (10 May 2008 - 00:05)

J'ai eu ce probleme, il te faut donc :

- Un conteneur,
- Un contenu et
- Un pied.

Met au début ce code en début de page :

html, body{height:100%}

#conteneur{position:relative; min-height:100%; height:100%; voice-family:"\"}\""; voice-family:inherit; height:auto}

Puis sur le bloc contenu, met :

#contenu #principal{width:100%; height:100%; margin:0; padding:0;}

Et enfin sur le pied, met :

#pied{width:largeur; position:absolute; bottom:0}

Ce code est adapté selon le mien, modifie à ta guise
Normalement, tu devrais avoir le footer toujours en bas.

Si ce n'est pas ce que tu veux, étant donné que j'nai pas de screen ou de page, vire les position, et met un simple clear:both, il dessendra tout seul.