IE6&IE7 bug

IE6 Bugs

1 、不支持用样式设置 <abbr> 元素

2 、不支持以连字符和下划线开头的 class 和 ID 名

3 、 <select> 元素总是出现在堆叠最上面，而无视 z-index 值

4 、如果锚点的伪类没有使用正确的顺序 ( :link , :visited , :hover ) ，:hover 伪类将无效

5 、一个属性的 !important 声明会被同一规则中同一属性的没有使用 !important 的第二个声明覆盖。

6、         height 表现类似于 min-height ， width 表现类似于 min-width ，左右 margin 双倍

7、         圆点边框 (dotted) 看起来像虚线边框 (dashed)

8、         text-decoration 的 line-through 值在文字上看起来比别的浏览器要高一些

9 、有序列表如果有一个固定结构 (haslayout 为 true ，不能设置 li 的高度 / 宽度 /zoom 等激活 haslayout 的值 ) ，序号就不会增加，而是保持为 1

10、      列表元素不支持 list-style-type 的所有可用的值

11、      如果列表条目浮动，指定的 list-style-image 将不会显示

12、      不完全支持 @font-face

13、      某些选择器会错误的匹配注释和文档声明

14、      如果一个 ID 选择器结合一个类选择器不匹配，同样的 ID 选择器结合不同的类选择器也将被当作不匹配。

IE7 bugs

1 、 有序列表如果有一个固定结构 (haslayout 为 true ，不能设置 li 的高度 / 宽度 /zoom 等激活 haslayout 的值 ) ，序号就不会增加，而是保持为 1

2、         列表元素不支持 list-style-type 的所有可用的值

3 、如果列表条目浮动，指定的 list-style-image 将不会显示

4 、不完全支持 @font-face

5 、某些选择器会错误的匹配注释和文档声明

IE6&IE7下 如果元素position设置为absolute或relative时，不能随着滚动条滚动的bug:

<div style='overflow-y:scroll'><div style='position:relative'></div></div>
这种情况下如果父div出现滚动条并且滚动时，子元素div是不随着滚动条滚动，效果如同fixed,解决方法是给父div添加position为relative即可