Simple CSS Menu Problem in FireFox

[john23]

Good morning.

I am attempting to utilize a simple css image swap menu, which appears to be working as planned in IE, however, it is not lining up correctly in FireFox and Opera.

Please view test page here:

www.pamperedpassions.com/test.html

Your help is greatly appreciated.

Kind regards,
John

[debasisdas]

Hi John

Welcome to TSDN.

Wishing you merry christmas.

Feel free to post questions in the related forum only by choosing from under the blue bar on the top of your page.

Please follow the posting guidelines in every new post/reply.

Please specify your post/question clearly.Please use proper code tags in all your codes.

Regards
Debasis

[drhowarddrfine]

You have one html error and one css error which only marginally affect this but needs correcting.

Since the modern browsers are handling it differently, we know the fault lies with IE. IE handles floats incorrectly but I didn't see the problem immediately as I'm heading out the door.

[drhowarddrfine]

I didn't notice you were using a table for this. Why are you using tables?

Quick note again as I'm rushing around. This is an IE problem. It looks like it's expanding some element to contain your floated menu, which it should not do. Firefox is correctly removing the float from the flow causing your <td> to collapse because there is no other content. IE is expanding that which is incorrect behavior.

Since I would never use tables for layout, I'm not sure how to correct this but I haven't had a chance to look very hard either. Removing the float on #menu contains it inside the td but now it's too tall. Perhaps figuring out why the td is too tall would fix this issue.

[john23]

Thank you. I'll take a look at this area for correction.

John