Christian 1000: Menü, Listenformatieren, erstes Feld andere Farbe als der Rest

Beitrag lesen

Ich möchte ein Horizontales Menü verwirklichen. Dabei soll der Home Button, also der erste in der Zeile aber eine andere Farbe haben. Ich wollte das mit <span> verwirklichen, aber ich bekomme es einfach nicht hin. Kann mir jemand sagen, wo ich da etwas falsch mache?

Christian

  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
     "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>menu</title>  
<style type="text/css">  
#menu_horizontal  
	{  
	width:100%;  
	border-bottom:1px solid #666;  
	overflow:hidden;  
	}  
  
#menu_horizontal ul  
	{  
	margin:0;  
	padding:0;  
	list-style:none;  
	}  
  
#menu_horizontal li  
	{  
	display:inline;  
	margin:0;  
	padding:0;  
	}  
  
#menu_horizontal a  
	{  
	color:#FFF;  
	padding:2px 10px 3px 10px;  
	margin:0 3px 0 0;  
	float:left;  
	text-decoration:none;  
	background:#800000;  
	}  
  
#menu_horizontal a:hover  
	{  
	background:#008000;  
	}  
	  
	  
#menu_horizontal span  
	{  
	background:#000080;  
	}	  
</style>  
  
</head>  
<body>  
<div id="menu_horizontal">  
  <ul>  
    <li><span><a href="#">Home</a></span></li>  
    <li><a href="#">Menu 2</a></li>  
	<li><a href="#">Menu 3</a></li>  
	<li><a href="#">Menu 4</a></li>  
	<li><a href="#">Menu 5</a></li>  
  </ul>  
</div>  
</body>  
</html>