상자가 IE6에서 기본값보다 큰 이유는 무엇입니까?

Question

링크는 다음과 같습니다 http://xanlz.com/test/one.html

html로 :

<div class="cdright-toprab rounded-corner"> 
<h2>Box one</h2> 
    <div class="coderight-toprab"> 
    <ul class="item-list codeitem-list"> 
<li><a href="#">example one</a><span>07-27</span></li> 
<li><a href="#">example one</a><span>07-27</span></li> 
<li><a href="#">example one</a><span>07-27</span></li> 
<li><a href="#">example one</a><span>07-27</span></li> 
<li><a href="#">example one</a><span>07-27</span></li> 
<li><a href="#">example one</a><span>07-27</span></li> 
<li><a href="#">example one</a><span>07-27</span></li> 
<li><a href="#">example one</a><span>07-27</span></li> 
<li><a href="#">example one</a><span>07-27</span></li> 
<li><a href="#">example one</a><span>07-27</span></li> 
    </ul> 
    </div> 
    </div> 

스타일 :

.coderight-topr { 
     width: 360px; 
    } 
    .cdright-toprab { 
     border: 1px solid #8BD3EC; 
     height: 286px; 
     padding: 1px; 
     width: 356px; 
    } 
    .coderight-toprab ul.codeitem-list { 
     height: 253px; 
     padding: 3px 0 0 7px; 
    } 
ul.item-list li{ 
    background: url("images/li_bg.gif") no-repeat scroll 0 8px transparent; 
    height: 24px; 
    line-height: 24px; 
    overflow: hidden; 

} 

Box one가 IE6에서 기본 폭보다 더 큰 이유. 그것을 고치는 방법? 고맙습니다.

2, 이유는 Box TWO이 IE6의 기본 높이보다 높고 내용이 box two 텍스트 오른쪽에 없기 때문입니다. 그것을 고치는 법. 고맙습니다.

Answer 1

.coderight-topr H2에 대한 width 속성을 제거하면됩니다. 당신은 너비가 필요하지 않으며 너무 넓습니다.

또한 쪽 메모 : 사이트는 이 아니며이 적절히 코딩되어 있습니다.

Answer 2

당신은 그것을 해결하기 위해 CSS 해킹을 사용할 수 있습니다

.cdright-toprab { 
    border: 1px solid #8BD3EC; 
    height: 286px; 
    _height: IE6 proper height; 
    padding: 1px; 
    width: 356px; 
    _width: IE6 proper width; 
}