Menüfelder mit "verschiedenen Farben"

[Sascha]

Danke erst mal für die tolle Hilfe, vieleicht kannst du mir nochmal helfen?

Jetzt klappte es, aber ich verstehe immer noch nicht ganz wie ich den LINKS auch eigene Farben zuordnen kann, beim hover klappt es aber, nur beim LINK leider nicht.

Sascha

[code lang=css]  
  
  
  
<style type="text/css">  
  
  
  
#haupt {  
	list-style-type: none;  
	background: #000;  
	height:102px;  
	margin:0;  
	padding:0;  
	border: 1px solid #CDBE70;  
	}  
#haupt a { float:left;  
width:60px;  
height:100px;  
border: 1px solid #fff;  
display:block;  
color:#FFF;  
text-decoration:none;}  
  
  
#menupunkt1:hover { background: red; color: #000; width:180px;}  
#menupunkt2:hover { background: green; color: #000; width:180px;}  
#menupunkt3:hover { background: yellow; color: #000; width:180px;}  
#menupunkt4:hover { background: black; color: #000; width:180px;}  
#menupunkt5:hover { background: red; color: #000; width:180px;}  
  
</style>  
	  
  
<ul id="haupt">  
 <li><a id="menupunkt1" href="xxxx">1 das ist ein Test</a></li>  
 <li><a id="menupunkt2" href="xxxx">2 das ist ein Test</a></li>  
 <li><a id="menupunkt3" href="xxxx">3 das ist ein Test</a></li>  
 <li><a id="menupunkt4" href="xxxx">4</a></li>  
 <li><a id="menupunkt5" href="xxxx">5</a></li>  
</ul>  
  
  
  

~~~[/code]