I've noticed as I place these items in the row in the top of my table, now my background image is repeating because the row is getting bigger. I assumed that even though I am using a standard html table, those items using float or position would not effect the table row. I guess I was wrong. I have ended up with a css/html hybrid for this custom header (and some other areas on the site) - still learning css.

I'm wondering if I floated or used the position css tag for that background header if that would fix the problem described above? If I did that, I guess I would not need that table row any longer?

I also have a problem with the two category drop down's. I'm not sure how to reduce the width of them. I've tried setting the width and no overflow, but didn't seem to help - width: 75; height: 130px; overflow: hidden;

As I position these items, does their position effect the position of other positioned items? Does setting the width and height as small as possible allow more room between the items?