Hover bei einer Karte verrutscht bzw. zuviel angezeigt ?

Hallo,
ich brauch mal Eure Hilfe :)

Ich bastle seit geraumer Zeit an einer Page: http://soba.oppel.eu
Da hab ich oben beim Menü unter "Märkte" eine Karte eingebaut.

Das Problem hier - die unteren Bundesländer werden richtig angezeigt, sobald man aber über zB. Thüringen, Sachen-Anhalt etc. mit der Maus fährt - wird mehr angezeigt, als nur das Bundsland in rot.
Mir ist das ein Rätsel - da die Originalkarte: http://oppel.eu/baumarkthandel/mouseover/index.html passt es ja auch.

Was könnte das sein bzw. wie behebe ich das Problem ?

Danke & Gruß Dirk

Ho!

Irgendwo in deiner CSS-Anweisung steht:

Code:

---

#menu .level_1 li > a:hover {
    background-color: #FFFFFF;
    color: #313131;
    display: block;
    height: 50px;
    padding: 4px 24px 0;
    text-decoration: none;
}

---

Das A-Element darf keinen Padding haben, das Padding wird noch an einigen anderen Stellen definiert. Wenn du Firebug nutzt kannst du dir anzeigen lassen was bei einem Hover alles passiert o: Damit debugst du sowas in 5 Minuten :) Ich hab das Padding-Bottom hier mal auf 0 gestellt.

Danke das schau ich gleich mal.
Gruß Dirk