为什么盒子比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

只需移除width的 .coderight-topr H2 属性即可。你不需要宽度而且它太宽了。

另外旁注：网站不正确编码。

Answer 2

您可以使用CSS hack来纠正它：

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