首先申明，本人只是一只PHP程序员，对div+css也只是会用而已，最近公司的项目已经彻底接近尾声，剩下的就是把模版做好，开始弄静态化。于是开始测试在IE6下的效果……发现许多问题，简直就是个悲剧，呵~

一些IE6的BUG简直另人发指啊~但我不能容忍这样丑陋的站出自我手~于是决定大改动，能修复的就修复，能做好的就做好~收集了些Bug和个人经验~有不足之处请指出~

认识CSS HACK：

在你阅读之前，首先了解一下CSS hack，我这里提供几种争对不同IE的CSS hack给大家。

只有IE6能执行的css写法(Only IE6 ):

_color:red;

只要在css前加上下划线即可。

—————————————————————————————————————————————————

只有IE7及以上版本能执行的css写法( IE7 more ):

background:green !important;

原因是IE7以上版本才认识!important，就如它字面意思“重要的”，而浏览器一但读到有!important的地方就将它的权限调至最高，所有其他同类的语法都将无视掉。

—————————————————————————————————————————————————

只有IE7能执行的css写法(IE7Only)：

+background:green;

在css前加一个加号即可。

其他的可以看下我这篇文章：http://great-panda.net/wblog/archives/380 更精彩的解说请看 ：http://www.javaeye.com/topic/602506

—————————————————————————————————————————————————

问题一：Display:inline-table;

首先来看下正常的效果（图1）：

(图1)

Ie6下的效果(图2)：

(图2)

解决方法:Display:inline-block;

万恶的IE6双边距:

这个是臭名昭著了，太常见了，当元素包含 left float 和 margin-left 或者 right float 和 margin-right 时，在 IE6 下就会出现双倍 margin-left 或者双倍 margin-right。嘿嘿，反正我在改的时候是不知道的，是小山告诉我的，万恶的 IE6，解决方法是在 float 元素中加入 display: inline;

详细的图文解说请看这里：http://www.laosr.com/html/xinshounandian/DIVbuju/20.html

IEtester IE7 bug：

今天(3月3日)无意中发现IEtester下的IE7存在一个css bug，它会执行“_”（下划线）的css。。。如果你有认真看这篇博文，你应该知道“_”是只有ie6能识别的css hack。

举例：

+margin:15px;    /*IE6及IE7都认识的CSS HACK*/
_margin:0px;      /*只有IE6识别的CSS HACK*/

结果是IE7执行了下边的css。已经去了官方Forum反馈了。希望能尽快解决哈~我的版本是0.3.5不知道最新的0.4.2还有没有这个现象。欢迎大家测试后回来告诉我~嘎嘎（懒鬼！）。

IE6和IE7的display体现不同校技巧——改float就float……

(这是糟糕的IE7下的效果,其他浏览器都ok了)

.tour_index_categories .block {
font-size:12px;
text-align:center;
width:150px;
display:inline-table;
_display:inline-block;
padding:8px;
height:110px;
border:1px solid #333;
}

(这是正常后的效果)

.tour_index_categories .block {
font-size:12px;
text-align:center;
width:150px;
display:inline-table;
+float:left;
+margin:10px;
_display:inline-block;
padding:8px;
height:110px;
/*border:1px solid #333;*/
}