Redimensionnement de div (appel Ajax)

Bonjour, je charge mes pages en Ajax dans une div content et j'ai un soucis, une fois la page chargée on peut voir que la div content passe au dessus de mon footer, qui lui ne bouge pas d'un poil !

comment dire a ma div content de prendre la taille de la page chargée en ajax pour que content+footer réagissent normalement ?? (pour que content pousse footer vers le bas...)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
 
$(document).ready(function(){ 	// le document est chargé
   $('#content').load('test.html')
   $("a").click(function(){ 	// on selectionne tous les liens et on d�finit une action quand on clique dessus
	page=($(this).attr("href")); // on recuperer l' adresse du lien
	$.ajax({  // ajax
		url: page, // url de la page � charger
		cache: false, // pas de mise en cache
		success:function(html){ // si la requêté est un succès
			afficher(html);	    // on execute la fonction afficher(donnees)
		},
		error:function(XMLHttpRequest, textStatus, errorThrows){ // erreur durant la requete
		}
	});
	return false; // on desactive le lien
   });
});
 
function afficher(donnees){ // pour remplacer le contenu du div contenu
	$("#content").empty(); // on vide le div
	$("#content").append(donnees); // on met dans le div le r�sultat de la requete ajax
}
</script>