---
title: "CSS Probleme mit Internet Explorer"
url: "https://www.typo3.net/d/59823-css-probleme-mit-internet-explorer"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2007-03-21"
last_reply: "2007-03-21"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS Probleme mit Internet Explorer

TYPO3 › Menüs · 2 Antworten · gestartet 2007-03-21

## Eröffnungsbeitrag

**elTorito** · 2007-03-21 · [Beitrag #1](https://www.typo3.net/d/59823-css-probleme-mit-internet-explorer/1)

Hi,

habe hier ein Menü:

<http://www.auto-schweer.de/index.php?id=17>

funktioniert im FF 1A, aber im IE, werden die hover und active Links nicht richtig angezeigt, scheint mir so als wenn die überlagert wären, aber kann mir nicht erklaeren durch was.

Mein CSS sieht so aus:

Für die Linke SPalte:

```css
/* Linke Box*/
#left {
	margin: 4px;
	float: left;
	width: 165px;
	z-index: 10;
	background: #E6E6E6;
}

#left-content {
	position: relative;
	width: 166px;
}

#left-menu-box{
	margin: 2;
	padding: 0px;
}

#left-marker-box {
	margin: 4px;
	padding: 4;
}

#left-marker {
	margin: 0;
	padding: 0 6px;
	background: #999999;
}
```

Für das Menü:

```css
#left-menu ul {
	margin: 0;
	padding: 2px;
	overflow: hidden;
	list-style-type: none;
}

#left-menu ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display: block;
}

#left-menu ul li {
	display: block;
	padding: 0;
	margin: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F3F3F3;
	border-bottom-color: #F3F3F3;
	background: #E6E6E6;
}

#left-menu li.left-level-1-no a {
	height: auto;
	text-decoration:none;
    display: block;
	padding: 3px 6px 3px 15px;
	background: #E6E6E6;
	color: #666666;
}

#left-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 3px 6px 3px 15px;
	background: #000033;
	color: #666666;
}

#left-menu li.left-level-2-no a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 3px 6px 3px 25px;
	background: #E6E6E6;
	color: #666666;
}

#left-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 3px 6px 3px 25px;
	background: #666666;
	color: #FFFFFF;
}

#left-menu li.left-level-3-no a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 3px 6px 3px 35px;
	background: #E6E6E6;
	color: #666666;
}

#left-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 3px 6px 3px 35px;
	background: #666666;
	color: #FFFFFF;
}
```

Vielleicht sieht jemand was , was ich nicht sehe ...

danke

## Antworten

### [#2](https://www.typo3.net/d/59823-css-probleme-mit-internet-explorer/2) · Liberation · 2007-03-21

Hi,

ist zwar optisch nicht so 1a aber den Fehler kann ich nicht erkennen.

Gruß Alex

ps. display: block; in zusammenhang mit height: auto; ohne längenangabe funktioniert nicht im ie.

pss. Diene Seite zeigt nenn mx5 der so aus sieht wie mein Honda :o

### [#3](https://www.typo3.net/d/59823-css-probleme-mit-internet-explorer/3) · elTorito · 2007-03-21

So.

hab nun

```css
#left-content {
	position: relative;
	z-index: 5;
	width: 166px;
}
```

gegen

```plaintext
#left-content {
	width: 166px;
}
```

ersetzt, damit geht es :-)

---

Quelle: „CSS Probleme mit Internet Explorer“, typo3.net, https://www.typo3.net/d/59823-css-probleme-mit-internet-explorer
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.