[jQuery] Table row disappears in IE7 (only) when I touch the menu
I have come across a real head-scratcher...
Using Superfish 1.4.8 w/SuperSubs to create a horizontal menu with
vertical dropdowns. Some of the dropdowns have flyouts).
The links on the dropdowns lead to various category pages. Each
category page is stored in a database, and uses a table for layout
(yeah I know, crappy, but I'm stuck with it at the moment).
The table has two rows and three columns. Each cell of the top row
contains an image, and each cell of the second row contains
descriptive text.
On *some* of the pages everything is fine after the page loads until I
move the mouse pointer up to the menu. Then the text (in the second
row of the table) vanishes. I suspect it's dropping behind the
background color on the page, which is rendered in a surrounding DIV.
The text only vanishes if I touch the menu, though.
To make this even more perplexing, it *only* happens in IE7. FF3,
Chrome, Safari, IE8, even IE6 don't display this behavior and not
every page even in IE7 (though the same code was copy/pasted to make
several pages).
The page is rendering in Standards-compliant mode with the correct
DOCTYPE and validates.
I didn't see anything obvious looking through the superfish.css file
to cause this problem.
Too much code to post and it's not on a public box :(
Ideas?
TIA,
Laker