Не все мои 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 не поддерживает встроенный блок
How to fix display:inline-block on IE6?