Bilder in Liste überlappen

[birdofpassage]

Guten Tag

Ich hoffe ich kann hier etwas Hilfe finden. Ich habe heute begonnen das Drop-Down-Menü von Son of Suckerfish (link) in mein phpbb3 Board einzubauen. Das Drop-Down wird mittels einer Liste realisiert. In meinem Fall bestehen die Oberpunkte der Liste aus Bildern.

Mit diesem Ergebnis: http://53rd.de/Images/menu_help.jpg

Die Bilder rücken durch die Listen-Lösung scheinbar irgendwie ein. Ich hätte jedoch gerne ein Ergebnis, in dem die Bilder press aneinander liegen. Ich habe nun schon einiges ausprobiert, bin aber zu keinem guten Ergebnis gekommen.

Zur Übersicht hiernochmal der Code-Snippet meines CSS:

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul {
	position: absolute;
	left: -999em;
        width: 10em;
}

#nav li:hover ul {
	left: auto;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
        padding-left: 14px;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li {
	float: left;
        width: 10em;
        padding: 0px;
}

Grüße,
birdofpassage

[urvater]

Hast du schon ein paar Untermenüeinträge gemacht? Mir scheint dein Problem liegt in der Breitenangabe für das inner UL zu liegen.
Versuch einmal ein paar Testlinks einzufügen oder spiele etwas mit der Breitenangabe für die oberen LI rum.