Probleme mit Listenformatierung mittels CSS

Hallo!

Ich muss eine Webseite erstellen und verwende zur Formatierung CSS.
Bei der Navleiste gibts eine Kleinigkeit die ich nicht hinbekomme:
Ich möchte einen Hovereffekt haben, der das GANZE orange Kasterl rot "umpinselt" wenn ich drüberfahre.
Hier ein Screenshot vom Problem(Problem: es wird nur der Textteil rot gefärbt):
http://img113.imageshack.us/img113/6419/navleisteaf1.th.gif

Soweit so gut, es funktioniert auch wenn ich keinen Header am Kopf des HTML Codes eingebe. Sobald aber der Header am Anfang der Datei steht, wird beim drüberfahren über die Links in der Navleiste nur noch der Textbereich rot gefärbt, der Rest des Kastens bleibt orange.
Hier die Headerangabe:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

Die einfachste Methode wäre jetzt, einfach den Header wegzulöschen. Aber es wäre wohl auch die dümmste.

Hier die entsprechenden Ausschnitte aus der CSS Datei:

/*unsorted list innerhalb der Navleisten-Box(der hellgelbe Kasten)*/
#navleiste ul
{
margin-top:25px; margin-left:5px; margin-right:5px; text-align:center;
}

/*Die Aufzählungspunkte. Hier erstelle ich die orangen Kasten mit dem schraffierten Rahmen*/
#navleiste li
{
width:100%; height:20px; 
background-color:#FFBD38;
border:dashed 1px #000000;
list-style-type:none; margin-bottom:10px;margin-left:0;
}

/*und schließlich noch der Hovereffekt:*/
#navleiste a:hover
{
width:100%; height:20px; 
background-color:#FF2501;
}

Ich hoffe jmd. kennt das Problem und kann mir da helfen.

Grüße,
Harri

PuppetMaster2k

Ich glaub das ging mit "display: block;".

mantiz

Entweder Du machst den hover auf das li-Tag, womit der IE aber glaube ich nicht zurecht kommt, oder Du schreibst zu den Links: display:block;

// Edit: zu langsam.

Danke Euch beiden, das display:block; war's!

mfg
harri