28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Je viens de tomber sur un comportement étrange avec les fieldsets, sous FireFox : si je mets 2 fieldsets en float+width:50%, le troisième (qui n'est pas en float) sortira du conteneur au lieu de revenir à la ligne.

Mon code parle de lui même, faites une petite pages html avec.

<html>
	
	<head>
		<title>Title</title>
		<style>
			form, fieldset{border:0;margin:0;padding:0;}
			form, .wrap{margin:1em;width:300px;outline:solid 1px red;}
			.col{float:left;width:49%;border:solid 1px green;}
		</style>
	</head>
	
	<body>
		<form>
			<fieldset class="col">Left col</fieldset>
			<fieldset class="col">Right col</fieldset>
			<fieldset>...Following content</fieldset>
		</form>
		<div class="wrap">
			<div class="col">Left col</div>
			<div class="col">Right col</div>
			<div>...Following content</div>
		</div>
	</body>
	
</html>


Sous IE7 pas de problème.

Quelqu'un aurait une explication ?

Merci