Меню с CSS проблем

[SandPrince]

хора намерих си едно много яко меню - ето кода:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
#navcontainer { 
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
  width: 177px;
  }

#navcontainer ul {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  }

#navcontainer li {
  margin-bottom: 8px;
  }

#navcontainer a {
  display: block;
  padding: 3px;
  width: 160px;
  background-color: #ccc;
  border: 1px solid #666;
  border-left: 0;
  }

#navcontainer a:link, #navlist a:visited {
  color: #000;
  text-decoration: none;
  }

#navcontainer a:hover {
  background-color: #fff;
  margin-left: 10px;
  border-right: 0;
  border-left: 1px solid #666;
  }

a#current {
  background-color: #fff;
  margin-left: 10px;
  border-right: 0;
  border-left: 1px solid #666;
  }

#content {
  position: absolute;
  top: 20px;
  left: 176px;
  margin: 0;
  padding: 0;
  height: 500px;
  width: 500px;
  background-color: #fff;
  border: 1px solid #666;
  }

</style>

</head>

<body style="background-color:#eee">

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Начало</a></li>
<li><a href="#">Уроци</a></li>
<li><a href="#">Ресурси</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Приятели</a></li>
</ul>
</div>

<div id="content"></div>
</body>
</html>

проблема обаче е че искам да са оранжеви бутоните а не бели, а фона- бял. как ше стане

 

[DJCharge]

Където има #fff го направи orange

 

[SandPrince]

стана............. :lol:

 

[Smirnoff]

Ако желаеш, постни го като урок. Че май такова меню е нямало до сега