CSS Menu Problem

Question

I have this CSS Menu. It's fully functional.

But when I put it in my page inside some table cell, it blows up like this. Don't mind the silver and the blue lines, they are from the page.

Now I have debugged the page and the menu itself. No error still this weird behavior. Then I got another menu and put that in here and it showed the same error. Any idea why is this happening?

I could paste the code but I don't think anybody is going to go through 500 lines of HTML and 100 lines of CSS.

I am using the latest Firefox. IE6 shows the same behavior.

check the code here...

CSS Menu Independent in a page

CSS Menu Inside a complex page

Answer 1

In some browsers, tables get some default styles that are not what you expect. I can't recall right now, but I think one of them was align="centre" by default.

Maybe try setting the table attributes to what you want them to be explicitly?

W3Schools for table attributes.

Answer 2

Your "in-place" stylesheet is much longer than your "minimum" one, and contains rules that are changing the layout. In particular, do a search for "280" -- you're setting some widths to that.