สอบถามปัญหาด้าน CSS ใน DW กับ Browser แสดงผลไม่ตรงกันครับ

<div class="dataArea container">
          <div class="wrapItem clearfix">
           <div class="row1">
                    <div class="mookheadslidebar1">
                     <div class="headslidebar"><img src="images/buttoncal (1).gif" width="266" height="56"></div>
                     <div class="headslidebar2"><img src="images/slidebar_3.gif" width="266" height="35"></div>
                     <div class="headslidebar3"><img src="images/slidebar_1.gif" width="266" height="32"></div>
                     <div class="headslidebar4"><img src="images/slidebar_2.gif" width="266" height="31"></div>
                         <div class="headslidebar5"><img src="images/slidebar_7.gif" width="266" height="33"></div>
                         <div class="headslidebar6"><img src="images/slidebar_6.gif" width="266" height="34"></div>
                         <div class="headslidebar7">d</div>
                     <div class="headslidebar8">ddd</div>
                     <div class="headslidebar9"><img src="images/buttoncal (2).gif" width="266" height="54"></div>
                     <div class="headslidebar10">calender</div>
                    </div>
           </div>

@charset "utf-8";
/* CSS Document */

/*library*/
.clearfix:after{
    display:table;
    content:" ";
    clear:both
    }
.container{
    width: 901px;
    margin: 0 auto;
    background-image: 0;
    background-color: #FFF;
    }
.fL{
    float:left;
    }
.fR{
    float:right;
    }
.w25per{
    width:25%;
    }
.headerwdhg{
    width: 901px;
    height: 255px;
    background-image: url(../images/header.gif);
    }
.button{
    height: 42px;
    background-image: url(../images/menu_content.gif);
}
/*Project*/
body{
    margin:0
    }
.row1{
    width:266px;
    height:635px;
    margin:0;
    float:left;
    background:#eee;
    }
.row2{
    width:635px;
    float:left;
    background:while;
    }
.row3{
    width:635px;
    background:while;
    }
.social4{
    width:635px;
    }
.header{
    border:1px;
    }
.content{
    border:1px solid red;
    }
.menu1{
    width: 162px;
    float: left;
    background-image: url(../images/menu_home.gif);
}
.menu2{
    width: 202px;
    float: left;
    background-color: #FFF;
    background-image: url(../images/menu_curriculum.gif);
}
.menu3{
    width: 178px;
    float: left;
    background-image: url(../images/menu_webboard.gif);
}
.menu4{
    width: 175px;
    float: left;
    background-image: url(../images/menu_media.gif);
}
.footer{
    width: 901px;
    height: 139px;
    margin-right: auto;
    margin-left: auto;
    margin: 0 auto;
    clear: both;
    background-image: url(../images/footer.gif);
    text-align: center;
    font-family: "MS Sans Serif";
    font-size: 12px;
    }
.slidebarleft{
    width: 266;
    height: 56;
    margin-right: auto;
    margin-left: auto;
    margin: 0 auto;
}