我有 energyshop.se,它在 Chrome、IE8-9、Firefox 中看起来不错,但在 IE7 中却没有,因为我的一位朋友注意到了。菜单和页脚不再是水平的,而是垂直的。
我该如何解决这个问题?
这是我在页眉和页脚菜单中的顶部菜单的 CSS:
#main_menu {
font-family:Calibri;
font-size:24px;
background-color:#1ca46e;
height:45px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:850px;
margin-left:22px;
margin-bottom: -35px;
margin-top: -30px;
top:100px;
}
#main_menu a {
color:#ffffff;
height: 10px;
display: block;
float: left;
width: 105px;
text-align: center;
margin-top: 8px;
margin-right: 10px;
margin-bottom: 0;
margin-left: 2px;
background-color:#1ca46e;
border-top-width: 1px;
border-right-width: 3px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-right-color: white;
padding-top: 2px;
padding-right: 12px;
padding-bottom: 2px;
padding-left: 5px;
font-family: Calibri;
vertical-align: middle;
height:28px;
}
#main_menu a:hover {
color:#555;
}
#main_menu li.current-menu-item a {
text-decoration:underline;
font-weight:bold;
text-shadow: 2px 2px #403F40;
}
#footer_menu {
position:relative;
text-align:center;
height:75px;
font-family:Calibri;
margin-top:25px;
margin-left:50px;
color:#9221a6;
font-size:22px;
font-weight: bolder;
}
#footer_menu a {
margin:5px;
margin-top:5px;
margin-bottom:5px;
color: #9221a6;
float:left;
}