Thema: Darstellungsprobleme im IE

Hallo zusammen!

Tut mir leid, ich hab jetzt schon zig mal die Suche bemüht, aber eine Lösung für mein Problem habe ich leider nicht gefunden. Alles, was ich gefunden habe, hab ich irgendwie ausprobiert, aber ich habe keine Änderungen festgestellt.

Meine Site sieht in FF und Opera eigentlich schon ganz gut aus, aber wehe, ich schaue sie mir im (alten) IE an,..

Da ist die Schrift in den Menüs viel viel größer. Das Problem ist, der IE ist schon in der Lage, die Schrift kleiner darzustellen, wie er mir in der Klasse .chosen zeigt. Aber der Rest bleibt groß. Hab versucht, die Schrift in pixeln, in points oder auch in em anzugeben, aber der IE akzeptiert nichts.

Ich habe das Template so barrierefrei wie möglich erstellt, liegt es vielleicht daran? Habe mir auch im FF schon die IDs und Klassen angeschaut und versucht, verschiedene Änderungen in der CSS einzubauen, aber auch das hat nichts gebracht. Der IE will mir das Menü einfach nicht mit kleinerer Schrift darstellen. Bis auf die Klasse .chosen eben.

Außerdem würde ich gerne keine Listenpunkte haben, aber mit "list-type: none" bekomme ich sie nicht weg.

Zur Verdeutlichung habe ich die IE-Grafiken als Anhang und auch die CSS-Datei. Irgendwie habe ich das Gefühl, ich sitze ich mir momentan auf der Leitung und der Fehler müsste mir eigentlich wie ein Pfahl ins Auge stechen.

Könnt Ihr Euch das vielleicht mal anschauen und mir weiterhelfen? Dafür wäre ich Euch sehr dankbar.

Hier die CSS-Datei:

Code:

html{
	min-width: 680px;
	height: 100%;
	min-height: 600px;
	}


body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
    font-family: verdana,sans-serif;
	font-size: small;
	color: #000000;
}  
.clearhack { display: inline; } /*Clears Box Model Hack in IE5*/


body{ 
       font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #FFFFFF;
	margin:0px;
	padding:0px;
	}


div {
	display:block;
	margin:0px;
	padding:0px;
	}


#container{
	background:#FFFFFF;
	min-heigth: 600px;
	padding:0;
	margin:0 15px 0 15px;}



#kopf {
	background-image: url(../images/banner.jpg);
	background-repeat: no repeat;
	height: 110px;
	padding: 0 20px 0 0;
	font-stretch: semi-expanded;
	color: #FFFFFF;
       }

#topmenue {
	background: #FFFFFF;
	font-size: 14px;
	padding: 5px 0 20px 225px;
	}



#h_menue{
	background-image: url(../images/navi_1.jpg);
	background-repeat: repeat-y;
	font-size: 12px;
	font-style: normal;
	width: 22%;
	position: relative;
	display: list-item;
	heigth: 600px;
	float:left;
	list-style-type: none;
	list-style-position: outside;
	text-decoration: none;
	list-style: none;
	}




#content{
	background-color: #FFFFFF;
	font-size: 12px;
	position: relative;
	display: block;
    width: 56%;
	padding: 0 15px 0 15px;
	margin-left: 215px;
	margin-right: 215px;
	}



#s_menue{
	background-color: #FFFFFF;
	font-size: 12px;
	float:right;
	position: relative;
	display: block;
	width:18%;
	height: 600px;
	padding:0 0 0 0;
	}


#footer{
	color:grey;
	background:#FFFFFF;
	padding:5px;
	border-top:2px solid darkblue;
	}




.menu {
	font-size: 12px;
	text-align: left;
	color: black;
	margin-bottom: 5px;
	padding-left: 1px;
	text-decoration: none;
	}



.chosen {
	font-size: 14px;
	font-weight: bold; font-style: italic;
	}



.mainlevel {
	font-size: 12px;
	text-align: left;
	color: #000000;
	text-decoration: none;
	}



.sublevel {
	font-size: 12px;
	font-weigth: normal;
	line-hight: 14px;
	text-align: left;
	color: #000000;
	text-decoration: none;
	}


.unsichtbar {
	font-size: 1.2em;
	font-weight: normal;
	}
	


.pathway {
	font-size: 10px;
	font-style: normal;
	color: #000000;
	padding: 5px 0 0 0;
	text-decoration: none;
	}


.contentheading {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	}


.componentheading {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	}


.small {
	font-size: 8px;
	color: #FF6600;
	text-decoration: none;
	font-weight: normal;
	}


.createdate, modifydate {
	font-size: 8px;
	}


.readon {
	font-style: italic;
	text-decoration: none;
	}


.blog-more {
	font-size: 10px;
	font-style: italic;
	}


.blogsection {
	font-size: 10px;
	}

.blog {
	font-size: 12px;
	font-weight: normal; 
	width: 50%
	margin-left: 20px;
	}

	

.moduletable {
	background-color: transparent;
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	width: 175px;
	}



.moduletable th {
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	text-align: left;
	heigth: 18px;
	line-heigth: 22px;
	white-space: nowrap;
	width: 100%;
	background-color: #FFFF22;
    border: 1px solid #000033; 
	padding: 5px 0 5px 10px;
	}


.moduletable td {
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0 0 5px;
		}



.inputbox {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF;
	border: 2px solid #000033;
	margin: 5px 0 5px 0;
	}


.button {
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	border: 1px solid #000033;
	margin: 10px 0 10px 10px;
	}


a.mainmenu:link, a.mainmenu:visited, a.menu: link, a.menu:visited {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}


a.mainmenu:hover, a.menu:hover {
	color: #FF6600;
	text-decoration: underline;
	}


.gaestebuch {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	}

Vielen Dank schon mal im voraus und liebe Grüße
cassy