CSS DIV IE6

1.IE6下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。

要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font: 0px Arial;"></div> 或者 <div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。该问题在 IE7 / Firefox /Opera 下均不存在。

2.

IE6如何实现css中a:hover的背景图片 是图片 不是颜色

a:hover{width:100px; height:100px; background:url("图片路径"); display:block;}
一定要设置图片的宽度和高度，再设置display为块级元素，这样就哦了~~~~

3.margin加倍的问题
 
 

  
  设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
 
 
 
 

  
  解决方案是在这个div里面加上display:inline;
 
 
 
 

  
  例如：
 
 
 
 


 
 
 
 

  
  <div id=”imfloat”></div>
 
 
 
 


 
 
 
 

  
  相应的css为
 
 
 
 


 
 
 
 


 
 
 
 

  
  #IamFloat{
 
 
 
 

  
  float:left;
 
 
 
 

  
  margin:5px;/*IE下理解为10px*/
 
 
 
 

  
  display:inline;/*IE下再理解为5px*/}