CSS and Milonic Menu conflict

[davebarnes]

I just became webmaster for a site (http://www.activereasoning.com) and I want to use the Milonic Menu as I do on my other sites.

1. Original code (using a CSS-based menu) is at http://www.activereasoning.com/legal.html

2. New code (using Milonic Menu) is a http://www.activereasoning.com/legal_new2.html
The appearance and functionality of both pages appear to be identical.
Note: Uses http://www.activereasoning.com/styles_tables_new2.css style sheet.

3. The problem is that every page on the website calls this style sheet: http://www.activereasoning.com/styles_tables.css .
I duplicated this style sheet as http://www.activereasoning.com/styles_tables_new1.css and now I have a problem with the display of the Mionic Menu as shown at http://www.activereasoning.com/legal_new1.html .

4. The only difference between the new1 style sheet and the new2 is that in new2 the first two elements (table and td) are commented out.
So, it is obvious to me that somehow the browser is convinced that the Milonic Menu is inside a table even though it is not.

Question: What do I change to make the Milonic Menu work as I really want to use it.

thanks,
dave

P.S. If this question has been asked and answered before, then please point me to that discussion. I searched, but did not find.

[Ruth]

Hi Dave,

The problem is the setting of the width in the generic css Table code and the padding in the generic css TD code, having removed that width and changed the td padding left and right to 0 the menu looks fine.

As far as I know the only way to fix it is to use classes rather than the generic codes for table and td which seem to apply themselves to the divs, tables, spans etc. that are part of the menu programming.

Hope this helps.


Ruth