A problem with menu hover (adjacent to an imge)

I have a problem, with html and css that verifies, that my menus will
not exhibit hover when the cursor is exactly to the left of the image
centered on my web page. The problem shows up in Netscape, Firefox, and
Opera but NOT in IE... arrrggghhh! ! ! !

I have a second problem with this impementation of HTML 4 strict. I'd
like to know which elements in xbasic.css should I hide (using @import)
from Netscape 4 so the page will degrade nicely?

Sample page...

http://sandbox.seaplusplus.net/menuproblem.html

Thank you...

Rich

re: A problem with menu hover (adjacent to an imge)

"SeaPlusPlus" <SeaPlusPlus@hotmail.com> wrote in message
news:1119624937.7e4a42034c007f6b89ea0c97e8b213eb@t eranews...[color=blue]
>I have a problem, with html and css that verifies, that my menus will not
>exhibit hover when the cursor is exactly to the left of the image centered
>on my web page. The problem shows up in Netscape, Firefox, and Opera but
>NOT in IE... arrrggghhh! ! ! ![/color]

If in doubt, add borders to all elements. If you do that you'll see that
XCenter overlaps the menu and so blocks the hover effect.

Make XCenter the same size as the image, ie: 298x197px

Here's the extra style inlined but it should work when added to your
stylesheet.

<div class="XCenter" style="width:298px; height:197px">

I've tried it and it seems to work well enough in the newest versions of
Opera, Internet Explorer, Firefox and Mozilla.