Menu Doesn't Work in IE7

The following menu doesn't work in IE7, although it seems fine in my
regular browser, SeaMonkey. I don't know whether it's a CSS issue or
HTML. Please advise. TIA

http://midtownmuseumdistrict.org/Businesses.html

Mike Copeland wrote:

The following menu doesn't work in IE7, although it seems fine in my
regular browser, SeaMonkey. I don't know whether it's a CSS issue or
HTML. Please advise. TIA

http://midtownmuseumdistrict.org/Businesses.html

My guess is this: your DOCTYPE selects quirks mode, and in quirks mode,
and in IE older than IE7, IE does not recognize :hover on anything other
than the A tag. You are trying to use :hover on UL.

Best to set a Strict DOCTYPE, to get more consistent behaviour from
browsers, and to get IE7 support. If you also want support for IE6 and
older, there is a bit of JavaScript which will enable this.

On Sat, 11 Jul 2009 14:34:39 -0700, Mike Copeland wrote:

The following menu doesn't work in IE7, although it seems fine in my
regular browser, SeaMonkey. I don't know whether it's a CSS issue or
HTML. Please advise. TIA

http://midtownmuseumdistrict.org/Businesses.html

Do you mean that the blue text on red background is really hard to read?
Yeah, I've got that in FF, too. ;-)

My guess is that it's an IE issue. I haven't tested it here, but IE6
didsn't support :hover on non-link elements (ul:hover won't work). IE7 is
supposed to support it but apparently it does so buggily. Have you tried
the min-height:1% hack, which rumors say may fix this? (Depends on what you
mean by "doesn't work".)

The page also has validity problems.
Markup: http://validator.w3.org/

HTH
--
John
GIYF