IE CSS La bordure du Fieldset s'étend trop loin vers la droite: pourquoi?

Question

J'ai défini un fieldset en HTML, et appliqué les suivants (simple) des règles CSS à elle:

fieldset 
{ 
    margin: 2em 0; 
    position:relative; 
    padding: 1em; 
    border:1px solid #ccc; 
} 

Tout est super, pas grand-chose, sauf dans toutes les versions (bien, jusqu'à 7 dans la mesure Je sais) de IE la frontière supérieure - mais pas, curieusement, la bordure inférieure - du fieldset s'étend visuellement trop loin vers la droite d'environ 25px, au-delà où la frontière verticale est de ce côté.

Il est à noter que la largeur de cet élément le fait être en dehors de son élément parent en largeur vers la droite, lorsqu'il est vu dans Firebug par exemple.

Qu'est-ce qui cause ce problème dans IE? Est-ce un problème connu, et, si oui, quel est le correctif/hack/solution de contournement?

Answer 1

J'ai eu du mal avec celui-ci pendant un certain temps; Ce soir, j'ai finalement trouvé la réponse.

http://www.sitepoint.com/forums/showthread.php?t=526881

Pour citer NatalieMac:

Il semble que si vous avez un élément à l'intérieur du fieldset qui est débordant à droite de la fieldset, il étend la bordure supérieure. Un conteneur était réglé sur une largeur de 100% sans bourrage ou marge que IE7 pensait déborder pour une raison quelconque (même si le contenu à l'intérieur de ce conteneur était aligné à droite et affichable à l'intérieur du champ ).

J'ai été en mesure de résoudre le problème en ajoutant un débordement: caché au fieldset.

Je peux confirmer que cela résout effectivement le problème pour moi aussi.

Answer 2

Pourriez-vous poster plus de votre code, comme le HTML de ce qui entoure le fieldset et les règles CSS correspondantes pour cela?

Vous avez mentionné que vous pouvez voir qu'il est plus large que son élément parent dans Firebug. C'est presque certainement lié. Pouvez-vous changer le CSS de l'élément parent pour le rendre assez large pour contenir le fieldset?

Sans un peu plus de contexte, il va sans doute être difficile à diagnostiquer avec plus de précision ce ...