CSS Menü Fehler im IE

[akdesign]

Hallo,

kann mir jemand sagen, warum mein CSS Menü zwar ausserhalb der Web funktioniert, sobald ich es aber einbinde, nicht mehr?
Nur im IE hab ich das Problem.

Menü alleine:
http://kessler-creativdesign.de/neu/menu/menu.html


Menü eingebunden:
http://kessler-creativdesign.de/neu/lacanche.html


Ausserdem blendet's mir das Untermenü immer direkt aus, sobald ich mit der Mouse runter gehe (padding 10px), aber auch nur im IE

Danke für eure Hilfe

 

[kkapsner]

Lösung: keinen Quirksmode verwenden

 

[akdesign]

@kkapsner

bitte was?

 

[ein schlauer]

keinen Quirksmode verwenden (ich nehme an du kennst google?)

 

[akdesign]

OK, danke, habs jetzt geschnallt.

Jetzt hab ich aber immer noch das Problem mit der padding Einstellung.

Durch padding: 10px blendet sich das Untermenü, sobald ich den Hauptmenüpunkt verlasse, sofort wieder aus.
Aber eben auch nur im IE.

Was muss ich hier tricksen?

Hier mein CSS:

ul#Navigation {
    margin: 0; padding: 0;
}

ul#Navigation li {
    list-style: none;
    float: left;
    margin: 0; padding: 0;
	
}

ul#Navigation li ul {
    margin: 0; padding-left: 0; padding-top: 10px;
    position: absolute;
    display: none;  /* Unternavigation ausblenden */

	}

ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
	
	
}

ul#Navigation li ul li {
	width: auto;
	margin: 0; padding: 0;
}

ul#Navigation a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
    display: block;
    width: auto;  /* Breite den in li enthaltenen Elementen zuweisen */
	padding: 0px;
    text-decoration: none;
    color: #ffffff;
}

ul#Navigation li ul a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
    display: block;
    width: auto;  /* Breite den in li enthaltenen Elementen zuweisen */
	padding: 0px;
    text-decoration: none;
    color: #003366;
	

}

ul#Navigation a:hover{
    color: #990000; 
}

 

[kkapsner]

Anstatt padding-top border-top mit Farbe "transparent" verwenden - ist zwar nicht sauber, funktioniert aber im IE.

 

[akdesign]

Also ich muss sagen, nicht elegant aber dafür umso wirkungsvoller.

Danke Dir recht herzlich.