Sascha: Menüfelder mit verschiedenen Farben

Beitrag lesen

Ich möchte ein Menü haben, das beim ansteuern, des jeweiligen Feldes seine Farbe verändert und die Größe des Feldes.   Ich habe bis jetzt folgende Lösung. Doch das mit der Farbe bekomme ich nicht hin, auch ist mein Menü nicht bündig an der linken Seite.
Für eine Hilfe wäre ich sehr dankbar

Sascha

[code lang=html]  
  
<style type="text/css">  
  
ul.haupt {  
list-style-type: none;background: #000;  
height:112px;  
}	  
  
li.haupt {  
float:left;  
}	  
a.haupt {  
display: block;  
}  
  
a.haupt:link, a.haupt:visited{  
background: #F1EDC2;  
border: 1px solid #CDBE70;  
color: #000;  
width: 100px;  
height: 100px;  
padding: 5px;  
text-decoration: none;  
}  
  
a.haupt:hover{  
border: 1px solid #008800;  
color: #191970;  
width: 100px;  
height: 200px;  
padding: 5px;  
text-decoration: none;  
}  
  
</style>  
	  
  
<ul class="haupt">  
<li class="haupt"><a class="haupt" href="xxxx">1</a></li>  
<li class="haupt"><a class="haupt" href="xxxx">2</a></li>  
<li class="haupt"><a class="haupt" href="xxxx">3</a></li>  
<li class="haupt"><a class="haupt" href="xxxx">4</a></li>  
<li class="haupt"><a class="haupt" href="xxxx">5</a></li>  
</ul>  
  
  

~~~[/code]