小弟做的一个网站滚动条不兼容显示不太正常
下面是CSS代码
/* ========= */
/* ! Reset */
/* ========= */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ul,li,ol {
margin:0;
padding:0;
border:0;
outline:0;
}
ol,ul {
list-style:none;
}
/* ==================== */
/* ! Transparent PNGs */
/* ==================== */
img,div,a,h1,h2,h3,li,ul {
behavior:url(css/iepngfix.htc);
}
body,html {
SCROLLBAR-FACE-COLOR:#555;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#cccccc;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48; (立体滚动条强阴影的颜色)
}
/* ========== */
/* ! Layout */
/* ========== */
body {
background:#4d5256 url(bgimage2.jpg) repeat 0 0;
font:12px Tahoma, Verdana, sans-serif;
color:#fff;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#wrapper {
width:1000px;
margin:auto;
}
#header {
width:907px;
height:112px;
background:transparent url(header-bg.jpg) no-repeat 22px 100%;
}
#header ul {
margin-left:45px;
}
#header li {
float:left;
text-indent:-9999px;
}
#logo-gdi {
background:transparent url(logo-gdi.png) no-repeat 0 100%;
width:313px;
height:55px;
margin-top:30px;
margin-right:50px;
}
/*---center---- */
.mainContent_afrool{width:1000px; height:54px;}
.mainC_afrool_left{width:1000px; height:54px; float:left}
.afrool_left_button{
width:1000px;
height:54px;
float:left;
background:url(../images/daohang_hover.gif);
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
}
.afrool_left_button ul{margin:0 0 0 43px; padding:0; list-style:none;}
.afrool_left_button ul li{display:inherit; float:left; margin: 0; width:95px; height:39px;line-height:39px; font-size:14px; letter-spacing:2px;}
.afrool_left_button ul li a{display:block; text-decoration:none; color:#FFFFFF; text-align:center; background:url(../images/navigation_button_a.png) no-repeat;}
.afrool_left_button a:hover{ color:#ffcc00; }
.afrool_left_button ul li.hva a{background:url(../images/navigation_button_hover_a.png) no-repeat; color:#333333 }
.li_dividing{width:2px; background:url(../images/navigation_button_a.png) no-repeat; float:left; height:54px; text-indent: -500em; z-index: 10;overflow: hidden; }
/*------- */
.mainContent_bfrool{width:1000px; height:270px; margin: 2px 0 0 0; }
.bfrool_onea{width:490px; height:270px; float:left;}
.onea_falsh{
width:483px;
height:235px;
float:left;
background:url(../images/lamp_a.png) no-repeat;
margin-top: 1px;
margin-right: 0;
margin-bottom: 0;
margin-left: 2px;
}
.falsh_mainfloor{
width:464px;
height:203px;
float:left;
background:url(../images/ahks_bg.png) no-repeat;
margin-top: 30px;
margin-right: 0;
margin-bottom: 0;
margin-left: 5px;
}
.mainfloor_left_a{width:175px; height:203px; float:left;}
.Mf_left_a{
width:149px;
height:30px;
background:url(../images/stage_bg.png);
float:left;
margin-top: 19px;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
}
.Mf_left_a ul{margin:0px; padding:0px; list-style:none;}