一个IE浏览器的兼容有关问题，望大侠们帮助 _HTML/CSS

一个IE浏览器的兼容问题，望大侠们帮助
自己遇到一个CSS兼容问题，发现在IE中部兼容，出现了错位，在其他非IE内核浏览器中基本都正常，这个是什么情况？在IE浏览器中如果启用高速模式，同样也没有问题，使用兼容模式就出现了错位的情况，望各位大侠给予指点，在此谢过！

错位图片如下图：

我的代码如下：

CSS code


.artice{width:298px;height:283px;border:1px solid #DBDBDB;float:right;margin-top:-290px;}
.box{width:100%;height:20px;line-height:20px;background-color:#EBEBEB;border-bottom:1px solid #DADADA;} 
.wenzhang{width:100%;overflow:hidden;zoom:1;height:100%;}
.wenzhang ul{float:left;}
.ico3 li{padding-left:16px;background:url(../images/ico-3.gif) 7px 11px no-repeat;}
.d1{padding:4px 0px;}
.d1 li{height:23px;line-height:23px;overflow:hidden;width:100%;}

------解决方案--------------------
用position固定一下位置吧
------解决方案--------------------

CSS code


.wenzhang ul{*margin:0;}
.box h2{margin:0; height:20px; line-height:20px; font-size:12px;}

------解决方案--------------------
探讨

引用:

CSS code

.wenzhang ul{*margin:0;}
.box h2{margin:0; height:20px; line-height:20px; font-size:12px;}



加上去试看看


试过了，没有效果~~但是还是要谢谢你的回复~~


------解决方案--------------------
主要就是IE和FF它们使用的CSS盒模型不同。楼主自己搜一下“CSS盒模型”看看说明就知道了。