CSS hack to resolve browser incompatibility issues

1.IE8 compatibility issues : Convert to IE7 compatible, header plus code:

2, Flaot floating caused IE6 double margin:

Margin-left:10px!important;        Under the/*IE7,IE8,FF is 10px*/;margin-left:5px;           The/*ie6 property is written in 5PX, but the 10px is displayed.

Or add display:inline to the floating element to solve.

3, the difference ff,ie6,ie7

height:100px;    FF does not recognize the 2nd and 3 attributes, so it reads height:100px; *height:120px;    IE7 does not know the 3rd attribute, the 2nd attribute also covers 1th, so the read out is *height:120px; _height:150px;     Three attributes IE6 all know, the 3rd attribute covers the first two, so read is _height:150px;

Report:
1, only IE7 recognition: *+html {...}
2, IE6 can not recognize the!important, others are possible;
3, IE6 support underline, IE7 and other do not support;

4. HTML header Reference (if IE) Hack:
1. For all ie: <!--[if ie]><!--your code--><! [endif]-->
2, for IE6: <!--[if IE 6]><!--your code--><! [endif]-->
3. For IE6 and above :<!--[if GTE IE 6]><!--Your code--><! [endif]-->
4, for non-IE browser :<!--[if! ie]><!--Your code--><! [endif]-->

CSS hack to resolve browser incompatibility issues