Customizing CSS

Issue Summary

I'm trying to customize my CSS to make it match the theme on mutiple themes. In reading elsewhere, I gathered that to do this, one needs to edit the style.css and put the color scheme there for it to work. I've been trying for awhile now using Firebug to check the current version in use for the site, yet I can't get it to work. Below are the code snippits that I've modified so far.

I've changed one line in the nice_menu_default.css just so I could verify the location that the colors I want to change are, then copy that at the bottom of style.css, and it should work for one theme in particular - especially when looking at the source, the style.css is after the nice-menu.css, so anything in style.css would override things in nice-menu's css anyway.

I've tried removing the line from nice_menu_default.css, not that it should matter, but that hasn't helped yet.

This theme I want the value shown, but in another theme, I'll want a different color, thus is the problem.

From nice_menu_default.css

Appended on the end of my theme's style.css

I've tried the color as #000 (to fit with the conventions used in the module), rgb(0,0,0) and black.

I've tested it using Firefox 3.0, Safari 3.1.1, Camino 1.6.1. The current theme is Pixture. The top menu item is fine, but the others have no color and are transparent (I am using a custom color scheme).