---
title: "Menü im IE 9 beim mouse over verschoben"
url: "https://www.typo3.net/d/109408-menue-im-ie-9-beim-mouse-over-verschoben"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2012-02-16"
last_reply: "2012-02-16"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Menü im IE 9 beim mouse over verschoben

TYPO3 › Menüs · 1 Antwort · gestartet 2012-02-16

## Eröffnungsbeitrag

**zorc68** · 2012-02-16 · [Beitrag #1](https://www.typo3.net/d/109408-menue-im-ie-9-beim-mouse-over-verschoben/1)

Hallo,
ich habe ein Problem mit einem Dropdown-Menü, dass sich erstellt habe. In allen Browsern klappt es soweit gut nur im IE 9 ist das Untermenü mein Mouseover nach rechts und nach oben verschoben. Komischer weise aber nicht immer? Hier ist mal der Link zur Seite zum ansehen:
<http://p154104.webspaceconfig.de/unternehmen.html>
und hier ist das verwandete CSS:

```css
ul.menu, ul.menu ul {
    list-style-type: none;
    margin-left: -37px;
    margin-top: 0px;
}
*html ul.menu, ul.menu ul {
    list-style-type: none;
    padding-left: 41px;
    margin-top: 0px;
}
ul.menu a {
    display: block;
    padding: 0px 15px 0px 0px;
}
ul.menu a:hover {
    display: block;
    padding: 0px 15px 0px 0px;
    color: #cc071e;
}
ul.menu ul a {
  padding: 4px 15px 0px 0px;
  font-weight:bold;
}
ul.menu ul a:hover {
  color: #d2232a;
  font-weight:bold;
  padding: 4px 15px 0px 0px;   
}

ul.menu ul a:active {
  color: #d2232a;
  font-weight:bold;
  padding: 4px 15px 0px 0px;
}
ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
    float:left;
}

ul.menu ul {
    margin-left:0;
    padding: 10 0 5px 0;
    position: absolute;
    display:none;
    min-width:120px;
}
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
    outline:expression(this.onFocus=this.blur());
}

ul.menu ul li {
    float:none;
    background-color: transparent;
}
```

und noch speziell für den IE

```css
*html ul.menu ul {
    width:180px;
    outline:expression(this.onFocus=this.blur());
}
*html ul.menu, ul.menu ul {
    margin-top: 0px;
    outline:expression(this.onFocus=this.blur());
}
*html ul.menu ul a {
    padding: 0px 15px 4px 0px;
  outline:expression(this.onFocus=this.blur());
}
*html ul.menu ul a:hover {
    padding: 0px 15px 4px 0px;
outline:expression(this.onFocus=this.blur());
}
*html ul.menu ul a:active {
    padding: 0px 15px 4px 0px;
    outline:expression(this.onFocus=this.blur());
}
```

Hat jemand eine Idee worin der Fehler im IE9 liegen könnte oder wie ich Ihn umgehen könnte.
Danke für Eure Hilfe. Marc

## Antworten

### [#2](https://www.typo3.net/d/109408-menue-im-ie-9-beim-mouse-over-verschoben/2) · Chrissli · 2012-02-16

Also bei mir ist es so:

Firefox - Nach oben versetzt
IE9 Standard - Passt
IE9 Kompatibilitätsansicht - Passt
IE8 Ansicht - Passt
IE7 - Verschoben
Quirksmode - Verschoben

Ich tippe mal auf den Doctype:
Bei dir steht:
<!DOCTYPE html>

Ein richtiger Doctype sieht zum Beispiel so aus:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>">

Wenn du den Doctype aus deinen Templates entfernst, kannst du mit Typoscript den Doctype automatisch setzen lassen:

```typoscript
page.config.doctype = xhtml_trans
```

( Näheres hierzu findest du in der [Typo3-Script Referenz CONFIG](https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/TopLevelObjects/Config.html)

Aber der richtige Doctype hat schon vielen mit "Im IE(7|8|9) sieht alles anders aus"-Problem weitergeholfen

---

Quelle: „Menü im IE 9 beim mouse over verschoben“, typo3.net, https://www.typo3.net/d/109408-menue-im-ie-9-beim-mouse-over-verschoben
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.