並非我所有的CSS都在IE中工作

Question

我一直在爲我的學校開發一個網頁，並且我寫的代碼無法正常工作。請記住，我正在使用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; 
} 

Answer 1

我覺得老IE不支持inline-block的
How to fix display:inline-block on IE6?