I have been trying to set the background color for a table using the style sheet. I have tried background:black, background-color:black and bgcolor:black. Both background and background-color only change the text background color not the entire cell and bgcolor does nothing. Right now as you mouse over the menu options the text links change color. I thought that If I put the menu in a table with no borders I could get the same effect with the cell background.

Any ideas. I could write some JS to do it but I thought it would be easy using the style sheet.

Which table element did you set background on? You can look at my stylesheet if you would like to see how I setup the table stuff.

I figured out how to set the background color now I am looking for a mouseover or hover event similar to the one you used with links. Essentially I am trying to get the background color to change onmouseover. I know I can do it with javascrip but I thought it might be easy with the style sheet similar to the way you can do it with links.

I don't know whether CSS directly supports this; the CSS2 specification doesn't define which elements the ":hover" pseudoclass can apply to, so if you wanted to use that for table elements (like td), it may be supported in some browsers, but no guarantees. Javascript is probably the best way to do it, and is more likely to work in major browsers.

One place I saw this recently was the PHPFreaks tutorial site (using javascript to switch between CSS definitions); check out their code to see how it was done. Pretty simple, really.