最近正网站布局在被css的浏览器兼容问题所困扰，写的一些属性总是在不同是浏览器当中显示的乱七八槽的，很郁闷。经过一段时间摸索慢慢发现一些规律，希望可以供大家参考。　　
　　a.UL的padding与margin ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值,所以首先定义 ul{margin:0;padding:0;}可以解决大部分问题 　
　　b. FORM标签 这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin和 padding,针对上面两个问题,我的css中一般首先都使用这样的样式ul,form{margin:0;padding:0;}就可以了
　　c. Div居中问题 div设置 margin-left, margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin: center;在父级元素内的内容居中了div内自然就居中了。 　
　　d.链接a标签的边框与背景 a 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给a 和 menubar 设置高度是为了避免底边显示错位, 　若不设 height, 可以在 menubar 中插入一个空格　
　　f.超链接访问过后hover样式就不出现的问题被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A Code: <style type="text/css"> <!-- a:link {} a:visited {} a:hover {} a:active {} --> </style>