CSS problem i IE

Har problem med en hemsida jag håller på att fixa. Som vanligt upptäcker man problem efter problem men har lyckats få den helt ok i firefox. Enda problemet är att när jag kollat in den på en windowsdator så visas den helt fel. Menyn är borta (IE7?), ett gap har skapats vid headern (alla), headerbilden visas inte (IE7?).

Jag har försökt hitta information men klurar inte riktigt ut vad som kan orsaka detta. Tror det är något i CSS-koden men kan inte klura ut vad.

* {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	margin: 30px 0;
	padding: 0;
	background: #e4e1d4;
	font-size: 12px;
	color: #6B6B6B;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #000000;
}

h2 {
	margin-bottom: 10px;
	border-bottom: 1px solid #F4F4F4;
	font-size: 26px;
}

h3 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 16px;
	border-bottom: 1px solid #F4F4F4;
}

p, ol, ul, blockquote {
	line-height: 24px;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

a {
	color: #2B2B2B;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

#textfield1 {
	width: 185px;
	margin-bottom: 10px;
	border: 1px solid #E0E0E0;
	border-right-color: #F6F6F6;
	border-bottom-color: #F6F6F6;
}

/* Header */

#header {
	width: 847px;
	height: 115px;
	margin: 0 auto;
	background: url(images/bild2.gif) repeat-x;
}

/* Logga */

#logga {
	float: left;
	height: 115px;
	padding: 0 0 0 0;
	background: url(images/bild1.gif) no-repeat;
	display: inline;
}

#logga2 {
	float: right;
	height: 45px;
	padding: 65px 25px 0 0;
	background: url(images/bild3.gif) no-repeat right top;
	display: inline;
}

#logga * {
	text-decoration: none;
}

#logga h1 {
	float: left;
	padding: 50px 0 0 40px;
	font-size: 36px;
	display: inline;
}

#logga h1 a {
	color: #000000;
}

#logga h1 span {
	font-weight: bold;
}

#logga h2 {
	float: left;
	padding: 72px 0 0 8px;
	font-size: 12px;
	border: none;
	display: inline;
}

#logga h2 a {
	color: #B4B4B4;
}

/* Meny */

#meny {
	float: right;
	height: 45px;
	padding: 65px 25px 0 0;
	display: inline;
}

#meny ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#meny li {
	display: inline;
}

#meny a {
	padding: 0 15px 0 20px;
	border-left: 1px solid #DBDBDB;
	text-decoration: none;
	font-size: 13px;
	color: #3B3B3B;
}

#meny .first a {
	border: none;
}

/* Splash */

#splash {
	width: 800px;
	height: 170px;
	margin: 0 auto;
	background: url(images/bild4.gif) repeat-x left bottom;
	border-right: 20px solid #FFFFFF;
	border-left: 20px solid #FFFFFF;
}

/* Content */

#content {
	width: 777px;
	margin: 0 auto;
	padding: 30px 35px 0 35px;
	background: #FFFFFF url(images/bild5.gif) no-repeat left bottom;
}

#kol1 {
	float: left;
	width: 570px;
	padding: 50px 0 0 60px;
	display: inline;
}

#kol1 {
	color: #2B2B2B;
	font-size: 12px;
	}

#kol2 {
	float: right;
	width: 125px;
	padding: 5px 0 0 0;
	display: inline;
}

/* Footer */

#footer {
}

#footer p {
	text-align: center;
	color: #777777;
}

#footer a {
	color: #5D5D5D;
}

Det verkar vara splash som inte funkar. En splashbild i headern. I headern styr även logga, logga2 och meny.

Bifogar bild över hur sidan ser ut emulerad i MSIE6 och MSIE7

Löser saker allteftersom. Läste mig till varför MSIE7 inte visade korrekt och det visade sig vara pga att den inte klara height. Istället skrev jag min-height först och sedan _height. Detta gjorde att IE7 nu visar precis som IE6 på bilden ovan. Men nu visar även firefox och MSIE8 som IE6...

Inte helt bra lösning men en bit på väg.