IE6下某些中文注释引发的css样式全乱 | IE6下PNG背景图片透明问题

IE6下如果line-height超出本身区块的height高度，则会把区块高度挤高。例如：li{line-height:25px;height:20px;}则实际li的高度为25px，而IE7和FF下则为20px.

   2, IE下的margin double bug，具体说来比如一个div你设置左浮动，然后又设置margin-left：5px，则实际margin-left会加倍变为10px。解决办法：加display：inline

   3，就是困扰了我很长时间的一个诡异的页面样式乱掉的问题，层层排除，我把能想到会出问题的地方都想过了，最后问题根源竟在css的编码问题上：去掉我加在在css文件中的中文注释，诡异的页面竟然正常了，然后我再加回中文注释，然后把css文件编码由ANSI改为UTF-8，页面也可以正常。难道是因为ANSI下注释不能为中文?没道理的啊，ANSI本来就是本地化编码，而且在IE7和FF下这些注释完全没问题。
    然后我又一行一行的去删那些注释，逐步寻找问题时，发现问题竟然出现在"标"这个注释上，去掉这个汉字注释，一切正常，加上立马变乱。我试着把这个注释加在别的页面的css中发现也会引发页面变乱。还真邪乎了！！！可真是“一个汉字引发的乱”。个人估计这也是IE6下的一个bug：ANSI编码的css文件中，如果出现某些汉字则会导致css出错，从而使页面变乱,改为UTF-8编码或删掉这些汉字则问题解决。（在js中也一样）

    4，IE6下不支持PNG背景透明问题，也是一个老问题了，使用了网上用的最多的使用IE专有滤镜filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../page/images/bg-login-blue-top.png',sizingMethod='image'的方法，却发现此方法有缺陷：
      a)使用此方法做背景的区块必须定义一个高度，否则无效。
      b)规定好了高度，透明背景PNG也出来了，却发现背景图片上边的输入框无法输入，按钮无法点击（我是将此透明PNG用作一个登录框背景的），这下可好，能看不能用。。。。
      c)当然了这条大家都知道，因为是IE专有滤镜，其他浏览器当然不支持了。
   最后搞了半天，我决定在IE6下还是本本分分地用回普通的不透明的图片吧，难看了点，可起码能用。IE7和FF下当然使用hack可以用上漂亮的透明PNG图片（我用!important）实现的。