严格来说不单是CSS就能令IE浏览器崩溃(crash)，而要配合相应的XHTML架构。到现时为止发现有两种正常写法及一种错误结构分别导致会IE6、IE7崩溃(crash)，至于原因我尝试寻找过答案但至今还没找到…如你有这方面的认识或更详细的资料很希望你能分享！

1 crash IE6 code

Demo:http://blog.gulu77.com/demo/200808/crash_ie6.html

此BUG只存在IE6中,当伪类为 a:active 时同样会遇到此问题

a{position:relative;}
a:hover{float:left;}

解决方案：为 <a> 添加 zoom:1; 令其触发haslayout

a{position:relative;zoom:1;}

a:hover{float:left;}

2 crash IE6 code

这是HTML结构错误而导致IE6的崩溃,在<col width=”100″/>前或后添加任何字符均会导致IE6 Crash

Demo:http://blog.gulu77.com/demo/200808/HTML_errors_crash_ie6.html

<table style="table-layout:fixed;">


<colgroup>


<col width="100"/>Crash IE6

</colgroup>


</table>

3 crash IE7 code

Demo:http://blog.gulu77.com/demo/200808/crash_ie7.html

Bug from 偷米饭，此bug只存在IE7中据估计是处理省略字的时候导致IE7崩溃.

<style type="text/css">

div{float:left;width:175px;}

ul{overflow:hidden;white-space: