Problème contenu div/float

Bonjour,

Je rencontre un problème par rapport à la propriété float. Je m'explique ; ma page contient un premier bloc "global" dans celui-ci on trouve "entete" qui lui même contient "menu" et "google". Seulement quand j'applique un float : right au div menu et google, le bloc "entete" se fait "manger" par les autres blocs situés en dessous de lui.

Voici ci le code actuel :

#global
{width : auto;
	height : auto;
	margin-left : auto;
	margin-right : auto;
	border : 2px solid black;
	padding : 10px;}
#entete
{	
	width : 100%;
	height : auto;
	margin-left : auto;
	margin-right : auto;
	border : 2px solid yellow;
	display : block;}
#menu
{float : right;
	display : block;}
 #google
 { float : right;
 display : block;}

Le problème viendrait-il des propriétés CSS appliqué au bloc "global" ?
J'ai également essayé de mettre une hauteur en % au bloc en-tête, ce qui fonctionne puisque menu et google entre facilement dedans, seulement je pensais que la fonction height:auto permettait justement l'adaptation automatique du bloc à son contenu ! en plus cela me semble utile ensuite pour le redimensionnement de la page, afin que les blocs restent fixes et que le contenu ne se déplace pas...

Merci pour vos réponses !

Salut,

C'est un cas classique de dépassement des flottants, tu trouveras des explications et une réponse dans cette astuce : Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?

Ok merci beaucoup ça fonctionne comme je le souhaitais ! Je ne connaissais pas cette propriété !
Encore merci !