Main Nav Links with Different Background Colors in CSS?

[summwat]

Hello,

I've almost got this piece where I want it but there's two issues I can't figure out.

1) I can't figure out how to delete the white space between the main nav blocks, and;

2) I want to change the background color of each nav block to something different for each one. I tried to assign a <li class> but it doesn't do anything. I'm wondering if there's some sort of hierarchy issue going on.

Here's the link to my site: www.gdbddesign.com/dc/default.htm

I'll attach a text document with my style sheet information and a jpg of what I'm trying to achieve. Any help would be GREATLY appreciated! I'm trying to get this out to a Client today...

Thanks,
Summer

[KDLA]

You'll need to apply the backgrounds to several link classes (not <li>), then the alternate background to the a:hover.

For the spacing, you need to apply margin and display styles:
display: block; margin: 0;

(Really, you're navigation should be an inline unordered list, rather than several divs.)