日期:2014-05-17  浏览次数:20640 次

一个简单的菜单,火狐下正常,IE下点击就乱了
很少弄前端开发,这方面的知识也比较少。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
.menus {
float:left;
width:98%;
margin-bottom:0px;
height:50px;
background-image:url(images/qiannan.png);
}
#navs {
margin-top:0px;
text-align:center;
}
#navs li {
display: inline;
text-align:center;
vertical-align:middle;
list-style-type: none;
}
#navs li a {
display:block; 
padding:15px 0px 0px 20px;
margin-left:-40px;
margin-right:40px;
text-align:center; 
color:#fff; 
font-size:18px; 
font-family:arial;
font-weight:900;
height:35px; 
text-decoration:none;
}
#navs li a:link,#nav li a:visited {
float:left;
padding-right:20px;
text-align:center;
vertical-align:middle;
}
#navs li a:hover {
background-color:#2c58ae;
color:#E0ECFF;
}

.onclicks {
background-color:#E0ECFF;
color:#416AA3;
}
</style>
</head>
<body>

        <div style="height:32px; background-image:url(images/shengnan.png);">
<div id="saturday" style="height:50px; width:100%; background-image:url(images/qiannan.png); float:left; margin-top:0px;">
               <ul id="navs">
                    <li><a href="#" value="arbitration/arbitration_directory.html">
                    <img src="images/zcts.png" width="36" height="36" style="float:left; margin:-7px 5px 0px 0px;">a</a></li>
                    <li><a href="#" value="left_materialSubscribe.html">
                    <img src="images/wlsg.png" width="36" height="36" style="float:left; margin:-7px 5px 0px 0px;">b</a></li>
                    <li><a href="#" value="left_alipay.html">
                    <img src="images/pay.png" width="36" height="36" style="float:left; margin:-7px 5px 0px 0px;">c</a></li>
                    <li><a href="#" value="left_alipay.html">
                    <img src="images/monery.png" width="36" height="36" style="float:left; margin:-7px 5px 0px 0px;">d</a>&l