HTML Fehler... :8 HILFE!

[Teex¾]

Hallo Leute.

ich habe eine HTML Navigation gegooglet und die wird nicht IM Hintergund angezeigt. Siehe Screen.

HTML Code.

	    <ul id="menu">
	        <li><a href="#" title="Home">Home</a></li>
	        <li><a href="#" title="Angebote">Angebote</a>
	            <ul>
	                <li><a href="#" title="Angebot 1">Angebot 1</a></li>
	                <li><a href="#" title="Angebot 2">Angebot 2</a></li>
	                <li><a href="#" title="Angebot 3">Angebot 3</a></li>
	                <li><a href="#" title="Angebot 4">Angebot 4</a></li>
                    <li><a href="#" title="Angebot 5">Angebot 5</a></li>
	            </ul>
	        </li>
	        <li><a href="#" title="Support Pakete">Support Pakete</a>
	            <ul>
   	                <li><a href="#" title="Paket 1">Paket 1</a></li>
	                <li><a href="#" title="Paket 2">Paket 2</a></li>
	                <li><a href="#" title="Paket 3">Paket 3</a></li>
	                <li><a href="#" title="Paket 4">Paket 4</a></li>
	                <li><a href="#" title="Paket 5">Paket 5</a></li>
	            </ul>
	        </li>
	        <li><a href="#" title="">Kontakt</a></li>
	        <li><a href="#" title="">Impressum</a></li>
	    </ul>

CSS Code:

body {
    font-family:arial;
    font-size:12px;
}

div {
    cursor:default;
}

#menu a {
    text-decoration:none;
    color: #ffffff;
}

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

#menu li {
    float:left;
    width:90px;
    text-align:center;
}

#menu li ul{
    display:none;
    padding-top:3px;
}

#menu li:hover ul {
    display:block;
}

#menu li ul li {
    background-color:#2F2D49;
    border-bottom:1px solid #FFFFFF;
}

#menu li ul li a{
    color:#FFFFFF;
}

#menu li ul li:hover {
    background-color:#232323;
}

#menu p {
    text-align: center;
    margin-right: 640px;
}

zudem habe ich noch das Problem wenn des Submenu reus kommt verschiebt die ganze homepage nach unten. dass möchte ich gerne weg haben. Screen:

[Huperis]

Soweit ich das sehe, hast du dein Menü ja gar nicht per CSS positioniert.. ist das Menü denn in nem div-Container oder ist das einzeln?

[MrPuschel]

#menu li:hover ul {
   [B]position:absolute;
    top:0px;
    left:0px;[/B]
    display:block;
}
#menu li {
    [B]display:inline-block;[/B]
    [B]position:relative;[/B]
    width:90px;
    text-align:center;
}

Poste mal den Link zur Seite. Du hast mit Sicherheit einen anderen Fehler der dieses Verhalten verursacht. Das neue CSS arbeitet nur darum herum.

Ansonsten sei dir das hier ans Herz gelegt: