CSS horizontal menu with nested divs

[maxformed]

For some reason I've crashed. Trying to create a horizontal navigation/menu bar where each div (i.e., button) will be a different color. Thought I should have a container div and nest each, but can't seem to figure out the code - originally was to be all one

div#buttons {
	display: block;
	position: absolute; left: 0px; top: 130px; width: 100%;
	background-color: #003366;
	height: 18px; padding-top: 2px;
	overflow: visible;
	}
#buttons a {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #003366;
	color: #ffffff;
	border-right-width: 1px; border-right-style: solid; border-right-color: #ffffff;
	height: 16px;
	padding-left: 3px; padding-right: 3px;
		position: relative;
	}
#buttons a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #003366;
	color: #cccccc;
	border-right-width: 1px; border-right-style: solid; border-right-color: #cccccc;
	height: 16px;
	padding-left: 3px; padding-right: 3px;
		position: relative;
}

But now client is desiring each item to be "different" - not an expert on the selectors at the best of times.

There are going to be about seven items.

Any help appreciated.

Max

http://artechllc.com

http://doyoulikeair.com

 

[deecee]

huh that looks like to much

why dont you just make a table in the div with 7 cells -- then give each cell a different bground color?

<Signature>
Sometimes the Answer You Are LOOKING for can be FOUND BY SEARCHING THE FAQ'S @&%$*#!!!
</Signature>

 

[maxformed]

I knew I was thinking too hard. I've been away from the tables too long.
Thanks deecee. I'll see tomorrow if I can make them happy. I may be back.

Max

http://artechllc.com

http://doyoulikeair.com