CSS的兼容性

水平居中问题

IE下只要设置body{text-align:center;}这样就可以居中显示。
Firefox需要设置为:body:{text-align:center;margin:0px auto;}

宽度问题

若给div一个 width：300px;padding:10px;
Firefox实际宽度320px，要算上左右的padding；支持！important，IE忽略
IE6实际宽300px，padding是300px里面的，把content往里面挤；

页面的最小宽度

IE不认得min-，而它实际上把 width当做最小宽度来使。为了让这一命令在IE上也能用，
可以把一个<div> 放到 <body> 标签下，然后为div指定一个类,然后CSS这样设计：
 #container{ 
　　min- 600px;
 　　expression(document.body.clientWidth < 600? "600px": "auto" );
} 
第一个min-width是正常的；
但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。
它实际上通过Javascript的判断来实现最小宽度。

在mozilla firefox和IE中的BOX模型解释不一致导致相差2px

div{margin:30px!important;margin:28px;}

CSS透明问题

 IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。 
 FF：opacity:0.6。（Firefox） 
 [注] 最好两个都写，并将opacity属性放在下面。

圆角问题

IE：ie7以下版本不支持圆角。 
FF： -moz-border-radius:4px（Firefox）

IE的双边距bug

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案：在这个div里面加上display:inline;