What are the compatibility of browsers that you often encounter? How did it show up? What is the workaround?

1.ie6 double margin problem: When using float, double the left and right. Solution: Use Display:inline
2.ie6 devouring phenomenon: up and down two Div, the above div set the background, but found that the following does not set the background of the DIV also has a background. Solution: Use Zoom:1.
3. Comments can also generate bugs. Solution: Use "<!–[if!" Ie]> picrotate Start <! [endif]–> "method to write a comment.
The white leaves under 4.img. Solution: Set Display:block to IMG.
5.ie6 under the absolute positioning of the div contains a relative positioning of the div, if the inner layer relative positioning of the div height height concrete value, the inner layer relative layer will have a width value of 100%, the outer layer will be large. Solution: Give the inner layer a float property relative to the layer.
6.position:fixed, invalid in IE6.
Solution: Add _position:absolute;
_top:expression (eval (document.documentElement.scrollTop))
7. Fixed IE6 vibration: background-attachment:fixed;
8.CSS Hack:ie6 recognizes _,*, IE7 recognizes *,!important, and FF recognizes!important.
9. Browser Kernel style processing
-moz on behalf of the Firefox browser private properties
-ms Code IE browser
-webkit represents Chrome,safari private property
-O stands for Opera kernel

What are the compatibility of browsers that you often encounter? How did it show up? What is the workaround?