我一直在为我的学校开设一个网页，我写的代码不起作用。请记住，我正在使用IE 6/7，因为它们是较旧的学校计算机。
我在IE中遇到的最大问题是该页面没有正确调整大小，但它在Chrome中。此外，CSS导航菜单不会在IE中下拉。
HTML：
CSS：
body {
background-color: #eee;
font-family: "Trebuchet MS", Helvetica, sans-serif;
background-size: 100%;
}
a {
color: #333;
}
.container {
background-color: #767070;
width: 75%;
height: 97%;
min-width: 1000px;
min-height: 600px;
border-style: none;
box-shadow: 0 0 10px 3px #888888;
height: auto;
min-height: 97% !important;
}
.header {
width: 100%;
height: 150px;
background-color: #767070;
background-size: cover;
}
.header h1 {
float: left;
position: relative;
left: 55px;
top: 25px;
}
#nav {
width: 98.8%;
margin: 0;
padding: 7px 6px 0;
background: #2b2b2b;
line-height: 100%;
display: inline-block;
}
#nav li {
margin: 0 5px;
padding: 0 0 8px;
float: left;
position: relative;
list-style: none;
}
#nav a {
font-weight: bold;
color: #e7e5e5;
text-decoration: none;
display: block;
padding: 8px 20px;
margin: 0;
}
#nav a: hover {
background: #000;
color: #fff;
}
#nav .current a, #nav li:hover > a {
background: #ddd;
color: #666;
}
#nav ul li:hover a, #nav li:hover li a {
background: none;
border: none;
color: #666;
}
#nav ul a:hover {
color: black!important;
}
#nav li:hover > ul {
display: block;
}
#nav ul {
display: none;
margin: 0;
padding: 0;
width: 98.5%;
position: absolute;
top: 35px;
left: 0;
background: #ddd;
border: 1px solid #b4b4b4;
}
#nav ul li {
float: none;
margin: 0;
padding: 0;
}
#nav ul a {
font-weight: normal;
}
#usualp {
margin: 5px;
color: #EEEEEE;
text-indent: 50px;
}
p {
margin: 5px;
color: #EEEEEE;
}
#fullercoursesheadings {
text-align: left;
margin: 5px;
}