I want to put a link inside a table cell, and have it act like a rollover image. I just want text inside a cell, like HOME. When you hover your mouse over the cell (not necessarily the text) the entire background color changes colors just like a rollover image would. The CSS I have works perfectly in Firefox, but in MSIE only the top cell works, and the others below it do not work.
Copy/paste this into your browser, and you'll see how it works. You can port it right into your current markup and get rid of that nasty table all together. Let me know if you're interested in getting rid of the others too
Something would still need to carry the class. It doesn't really matter if it's a <div> containing the navigation or the <ul> itself, but why not take advantage of the fact that the <ul> is a block-level container just like the generic <div> and give yourself one less set of tags to worry about ?
I've done excatly what you did without actually using any classes in my <ul> or <li> or <a>. Or you could do just and ID on the <ul>. I learned it on that list page... they have some good examples of navigation with <ul>'s.
Yes, if the area is unique, it is preferable to use an ID anyway. Order of specificity and all that. You can go about doing practically anything in CSS without attaching classes and even IDs onto objects, but it's not a very good idea, since the whole point is really to identify and/or classify objects with proper identifiers/classifiers and adjust them from there. This is good coding practice, and it saves you from worrying about two object style conflicting with each other down the road.
If you're a follower of the Semantic Web project, they talk about codifying common site elements with language exactly to this effect. It's one of the next big things coming down the road for developers to consider. The jury's out on it as far as I'm concerned...
Now it doesn't work in firefox... the cells (they look like cells, but are really just an ul stretched with a bg) stretch behind some of my content now. Everything works fine in IE, but not in firefox anymore.