在IE内核的浏览器中显示正常,与FF中的显示效果对比,附有图片见附件,博客地址:
www.qseen.cn
请教高手如何修改CSS使其与FF兼容,先谢谢了。
相关的原CSS代码:
------------------------------------导航条部分--------------------------------------
/* Navigation */
.nav {
width:960px;
background:#B2D281;
height:13px;
margin:0 auto;
}
.nav ul {
list-style-type:none;
text-align:left;
padding:7px !important;
padding:6px;
}
.nav li {
display:inline;
}
.nav li a {
letter-spacing:0.2em;
text-transform:uppercase;
margin:0;
padding:9px 8px;
}
.nav li a,.nav li a:link,.nav li a:visited {
color:#516631;
text-decoration:none;
}
.nav li a:hover,.nav li.current_page_item a,.nav li.current_page_item a:hover {
color:#3C4B24;
font-size:13px;
background:none;
}
-----------------------------------侧边栏部分---------------------------------------
/*结构定义*/
#sidebar {
float:left;
margin:20px 10px 20px 0;
width:320px;
text-align:left;
overflow:hidden;
}
/*其他*/
#sidebar h2 {
color:#333333;
font-size:12px;
text-transform:uppercase;
margin:15px 2px 0 10px;
padding:2px 0;
}
#sidebar ul {
color:#777;
list-style:none;
}
#sidebar li {
width:100%;
}
#sidebar ul ul li {
width:100%;
margin:0 10px;
padding:2px;
}
#sidebar ul ul li a,#sidebar ul ul li a:link,#sidebar ul ul li a:visited {
color:#105CB6;
background:none;
padding:4px;
}
#sidebar ul ul li a:hover {
color:#E61A42;
background:none;
text-decoration:underline;
}
.left-sidecolumn {
clear:left;
float:left;
width:55%;
padding:5px 0 0 5px;
}
.intro {
color:#777;
width:90%;
margin:5px;
padding:5px;
text-align:left;
}
/*这里是自己修改的内容,估计有兼容问题*/
#sidebar li#about {
width:89%;
border:1px solid #ddd;
padding-left:5px;
margin:10px 3px 10px 4px;
}