kleine Probleme mit CSS Steuerung

Hallo,
ich bin gerade noch in den Anfängen von CMS, CSS ... und versuche gerade ein Test-Layout zu verwirklichen. Dabei stolpere ich über das Menü...
1. Ich habe eine transparente Box für hoover eingestellt - wie mache ich es, dass die Schrift vor der Box ist?
2. Für den Hooverzustand versuche ich ein Listensymbol einzublenen - leider ohne Erfolg - vielleicht kann mir hierbei jemand helfen.
hier der CSS-Code:

#bereich_menu ul {
	margin-left: 5px;
	list-style: none;
	color: #fff;
	}
	
#bereich_menu ul li a {
	display: block;
	}
	
#bereich_menu ul li a:link {
               font-size: 12px; 
               color: #990000;
	}

#bereich_menu ul li a:visited {
               font-size: 12px; 
               color: #990000;
	}

#bereich_menu ul li a:hover,
#bereich_menu ul li a:active {
               background-color: #cccccc;
               FILTER: alpha(opacity = 60);
               -moz-opacity: 0.6;
               font-size: 11px; 
               color: #990000; 
               text-align: left; 
               font-family:Helvetica,Arial,sans-serif;
               border-bottom:solid thin gray;
               letter-spacing:0.1em;
               word-spacing:0.1em; 
               list-style: circle;               
	}

Vielen Dank :p
Andimueto

Hallo,

falls Du Deine Probleme nocht nicht selber gelöst hast:

1. Die Schrift ist durchaus vor der Box, nur scheint es so, als sei sie dahinter, weil der Text auch nur noch 60% opak ist.
Zusätzlich ist hier noch zu bemerken, dass die beiden Eigeschaften FILTER: alpha(opacity = 60) und -moz-opacity: 0.6 proprietär sind.
Aber bis CSS3 und opacity: 0.6 fertig sind und die wichtigen Browser dies unterstützen wird bestimmt noch eher "Chinese Democracy" veröffentlicht.

2. Hier ist das Problem, dass Du die Eigenschaft list-style auf das Element a anwendest. list-style ist nur für Listen-Elemente (ol, ul, li, &hellip😉 bestimmt.
Wenn Du allerdings Deinem a die Eigenschaft display: list-item gibst funktioniert es.
Man könnte andererseits auch einen hover-Status für das li festlegen, aber der IE kann :hover nur bei Verweisen.

Hoffe geholfen zu haben.

Gruß,
Matt