IE CSS Fieldset 테두리가 오른쪽으로 너무 멀리 확장됩니다. 이유는 무엇입니까?

Question

나는 HTML의 필드 셋을 정의하고, 그것에 다음 (단순) CSS 규칙 적용했습니다 :

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

모든 것이 잘 (모든 버전을 제외하고, 최대 7까지와 같은 더 큰 문제가 큰 없습니다를 IE의 상단 경계선 - 그러나 흥미롭게도 경계선의 하단 경계선은 시각적으로 25px만큼 오른쪽으로 너무 멀리 뻗어 있으며, 수직 경계가 그 경계에있다.

예를 들어 Firebug에서 볼 때이 요소의 너비가 오른쪽 너비의 부모 요소 바깥 쪽이되도록주의해야합니다.

IE에서이 문제의 원인은 무엇입니까? 알려진 문제이며, 그렇다면 수정/해킹/해결 방법은 무엇입니까?

Answer 1

나는 약간의 시간이 하나와 싸워 왔어을이를 진단하는 데 힘들 것; 오늘 밤 나는 대답을 찾았다.

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

는 NatalieMac을 인용 :

당신이 FIELDSET의 오른쪽에 넘치는 년대 FIELDSET 내부 요소가있는 경우는 위의 경계를 확장 것으로 보인다. 나는컨테이너를 패딩이나 여백없이 100 % 너비로 설정했는데 어떤 이유에서든 내부의 내용이 오른쪽 정렬되었고 필드 집합의 경계 내에서 볼 수 있음에도 IE7 이 넘쳐 흐르고 있다고 생각했습니다.

필드 집합에 overflow : hidden을 추가하여 문제를 해결할 수있었습니다.

이 문제가 실제로 나를 위해 문제를 해결했는지 확인할 수 있습니다.

Answer 2

필드 집합을 둘러싼 HTML과 해당 CSS 규칙과 같은 코드를 더 게시 할 수 있습니까?

당신은 파이어 버그의 부모 요소보다 더 넓다는 것을 언급했다. 그것은 거의 확실하게 관련되어 있습니다. 상위 요소의 CSS를 변경하여 필드 집합을 포함 할 수있을 정도로 넓게 만들 수 있습니까? 좀 더 맥락없이

, 아마 ... 더 정확하게