Navigation... Darstellungsfehler

[frischmilch]

Hallo Leute,

ich habe ein Problem mit der horizontalen Navigation, die unter meinem Headerbild sein soll.
Ich habe eine Kopfzeile erstellt, die genauso hoch ist wie die Höhe von Header und Navi darunter sein soll.
In der kam ein Modul "Headerbild" (wie im Besipiel Music Academy) und danach ein Nav-Modul (ebenfalls wieder eigenes HTML) das darunter liegen soll.
Dieses hat folgenden Code:

<style>
#menu {
width:1024px;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 350px;
	list-style: none;
}

#menu li {
	float: left;
	display: inline;
}

#menu a {
	height: 40px;
	margin: 0;
	padding: 40px 10px 0 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	color: #FFFFFF;
}

#menu .aktiv a {
	color: #98B9C8;
}
</style>


<div id="menu">
		<ul id="main">
			<li class="aktiv"><a href="index.html">Welcome</a></li>
			<li><a href="services.html">Services</a></li>
			<li><a href="about.html">About </a></li>
            <li><a href="portfolio.html">Portfolio </a></li>
			<li><a href="contact.html">Contact Us</a></li>
		</ul>

Jetzt funktioniert dies halt nicht so genau wie ich das möchte. Ich habe einen schwarzen Balken, der da nicht da sein sollte.
Weiß einer wo der herkommen könnte?


Hier der Link zur Seite:
http://web105.server34.campusspeiche...tartseite.html

Edit:
Habe der Einfachkeit halber nachträglich den Navigationsbereich rot gefärbt,m damit ihr seht wo mein problem liegt... Das Rot muss ein paar Pixel weiter nach oben. Die Abmessungen der einzelnen Grafiken stimmen, daher bin ich ja so ratlos...?


Liebe Grüße und Danke

frischmilch

[MacKP]

Hallo frischmilch,
dein Menü hat bei ul die ID 'main'. Dadurch bekommt das auch die border von #main geerbt.
Nimm dort eine eigene ID, dann sollte es laufen (ID darf auch nur einmal vergeben werden auf einer Seite).

Viele Grüße

[tril]

Entferne mal die id="main" von der UL, denn #main wird bereits für den Content verwendet, dieser hat übrigens einen schwarzen Hintergrund. D.h. der schwarze Balken den du siehst, ist die ul.

PS: Versuch dich mal mit nem Entwicklungstool, z.B. Firebug bei Firefox, im Chrome kannst du einfach "Rechtklick -> Element untersuchen" klicken.

[frischmilch]

Ihr hattet Recht. Darauf wäre ich nie gekommen!
Vielen Dank.
Problem hat sich (vorerst) erledigt