求一段css兼容性问题。不长，急。谢谢了。

Question

我在IE9,8,chrome下都没有问题。但是在IE7,6下就变形了。请高手看看。全是自己手写的CSS，变形的地方就是中间那二段CSShtml,body{width:1440px;margin:0;font-size:12px;color:#939393;}
a {color:#939393;text-decoration:none}
a:hover {color:#939393;text-decoration:none;}
img {border:0;}
em,i {font-style:normal;}
ul,li {list-style:none;}
.top,top1{width:1440px;}
.topleft{width:270px;height:70px; background-color:#DA251E;float:left;}
.topcenter{width:900px;height:70px;background:url(../images/top_bg.gif);float:left;}
.topright{width:270px;height:70px; background:url(../images/top_bg.gif);float:left;}
.toplogo{width:151px; height:70px; background:url(../images/top_logo.gif); float:right;}
.top2{width:900px;height:38px;margin-left:270px;}
.topteltip{float:left; line-height:38px;}
.toptel{color:#DA231F;font-weight:bold}
.topdh{float:right;line-height:38px;}
.banner{width:900px;height:232px;margin-left:270px;background:url(../images/banner.gif);float:left;display:inline;}.main{width:900px;margin-left:270px;}
.left{width:270px; height:auto; margin-top:15px;float:left;display:inline;}
.menu{line-height:28px; width:260px;margin-left:-20px;}
.menu ul li{border-bottom:groove 1px;}
.menu ul li a:hover{color:red;}
.leftpic{margin-left:20px; margin-top:-20px;}
.leftbox{width:231px;height:69px;border:solid 1px #939393}
.leftcontact{margin-left:20px; margin-top:10px;line-height:18px;}.right{ width:630px;float:right;}
.rAbout{ height:317px; margin-left:20px; margin-top:30px; overflow:hidden;}
.casebutton{float:left;}
.casebutton span{float:left;width:119px; text-align:center; margin-left:2px;display:inline;}
.idxDesign{float:left; margin-top:10px;display:inline;}
.idxDesignTitle{color:#939393; font-size:16px; font-weight:bold; margin-bottom:10px;}
.idxDesignList{line-height:20px;}
.idxDesignList ul{padding:0; margin:0;}
.idxDesignList ul li a:hover{color:#F78C01}.buttom{width:1440px; height:100px;border-top:dashed 1px; float:left;}
.copyright{width:900px;line-height:20px; margin:5px auto;}
.copyright span{margin-left:270px;}

Answer 1

很正常可以用浏览器的插件（开发人员调试用的）Debug一下。找出哪里的问题，

Answer 2

只看代码应该能知道兼容性吧。不是有一个叫!important的这种写法吗？？

Answer 3

加
*{padding:0;margin:0;border:0}另外，在 IE6里面，margin要设置其他浏览器的一半才可以，如
margin-left:270px;
需要写成
margin-left:135px;你可以写一份ie6下使用的css6，写在其他css的后面<!--[if IE 6]> 
<link href="http://c.csdn.net/bbs/t/5/t5.css" rel="stylesheet" type="text/css" /><![endif]--> 

Answer 4

在margin   里面再加个属性 display:inline; 不用改宽度了