IE6 常见CSS BUG修复

ie6双倍边距bughttp://blog.csdn.net/hedong37518585/article/details/6638997 

3像素问题及解决办法
http://blog.csdn.net/hedong37518585/article/details/6639044 

当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？
http://blog.csdn.net/hedong37518585/article/details/6639731  

ie6下haslayout引起a:hover失效
http://blog.csdn.net/hedong37518585/article/details/6643886

[b]ie6文字溢出BUG(文字重复)[/b]
http://blog.csdn.net/hedong37518585/article/details/6639150
IE6 相对定位容器中的绝对定位BUG
http://blog.csdn.net/hedong37518585/article/details/6639258
 
超链接访问过后hover样式就不出现的问题

被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题，解决方法是改变CSS属性的排列顺序: L-V-H-A
a:link {color: #1f3a87; text-decoration:none;}
a:visited {color: #83006f;text-decoration:none;}
a:hover {color: #bc2931; text-decoration:underline;}
a:active {color: #bc2931;}

一个空格引发CSS失效
这段代码对<p>的首字符样式定义在IE6上看是没有效果的（IE7没测试），而在p:first-letter和{font- size:300%}加上空格，也就是p:first-letter {font-size:300%}后，显示就正常了。但是同样的代码，在FireFox下看是正常的。按道理说，p:first- letter{font-size:300%}的写法是没错的。那么问题出在哪里呢？答案是伪类中的连字符"-"。IE有个BUG，在处理伪类时，如果伪 类的名称中带有连字符"-"，伪类名称后面就得跟一个空格，不然样式的定义就无效。而在FF中，加不加空格都可以正常处理。

[b]ie6中奇数宽高的BUG[/b]
IE6还有奇数宽高的bug，解决方案就是将外部相对定位的div宽度改成偶数。

[b]ie6下为什么图片下方有空隙产生[/b]
解决这个BUG的方法也有很多，可以是改变html的排版，或者定义img 为display:block
或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom
还可以设置父容器的字体大小为零，font-size:0
 
[b]ie6下空标签高度问题
[/b]一个空div如果高度设置为0到19px，IE6下高度默认始终19PX。
例如：
.c{background-color:#f00;height:0px;/*给定任何小于20px的高度 */}
<div class="c"></div>
如果不让它默认为19PX。而是0PX的话
解决方法有3种：
1.css里面加上overflow:hidden;
2.div里面加上注释,
<div class="c"><!– –></div>
3.css里面加上line-height:0;然后div里面加上#nbsp;,
<div class="c"> </div>(#换成&)