Quelques problèmes avec les fieldset, l'overflow : auto et width en %

Bonjour,

J'essaie d'avoir le même comportement overflow avec les balises div et fieldset avec Firefox 11.0 (la dernière version), c'est à dire :
- mettre un width en % sur le fieldset afin que la taille du cadre suive la taille de la fenêtre
- mettre un overflow sur le fieldset afin qu'une barre de scroll apparaisse quand le contenu est plus grand que le cadre.

Pour les div la barre de scroll apparait bien quand je diminue suffisamment ma fenêtre:

<div style="overflow:auto;width:25%;height:50px;">
	<div style="background-color:yellow;">cocddddddddddddddddddddddddffffffffff</div>
</div>

Par contre avec un code similaire avec un fieldset, aucune barre de scroll n'apparait:

<fieldset style="overflow:auto;width:25%;height:50px;border:solid 1px;">
	<div style="background-color:yellow;">cocddddddddddddddddddddddddffffffffff</div>
</fieldset>

J'ai ensuite tenté l'astuce de mettre un div avec un overflow dans le fieldset de cette façon mais sans succès. Le comportement est le même que pour le code précédent:

<fieldset style="width:25%;height:50px;border:solid 1px;">
	<div style="overflow:auto;" >
		<div style="background-color:yellow;">cocddddddddddddddddddddddddffffffffff</div>
	</div>
</fieldset>

L'image résume les 3 cas que j'ai testé:



Est-ce qu'il existe une solution pour résoudre ce problème?

Merci,

Christophe

Hello.

Les fieldsets, c'est vraiment pénible à styler.

Je n'ai pas testé, mais peux-être que tu peux obtenir ce que tu souhaites en wrappant ton fieldset dans un div plutôt que l'inverse.

Salut,

Effectivement ta solution fonctionne mais on ne se retrouve pas avec un cadre et la scroll barre dans le cadre. La scroll barre apparait alors à l'extérieur. C'est un peu moins clean.

Peut-être que je peux essayer de partir d'un div avec un border mais comme j'ai besoin d'ajouter une légende le div me semble ne pas etre la solution...