CSS drop down menu list problem. With Netscape7 and Mac IE5

[dthomas31uk]

Hi, have developed my website. Works great in IE6 for Windows and Firefox 1.

The problem I am having is with my CSS drop down menu list which appears on the left of the screen. When using Netscape 7 and IE5 Mac the menu list does not appear properly.

Does anyone have any suggestions

Here is the link.

http://www.alakesidevilla-florida.co.uk/Heraldic/index.htm

Cheers

[dthomas31uk]

If you need the CSS it can be obtained from
http://www.alakesidevilla-florida.co.uk/Heraldic/Test.css

The #vertnav tag is the CSS for the drop down lists which I am having problems with

Thanks

[ronaldb66]

Since I don't have any of those browsers around and have no experience with the script used I'm afraid I can't be of much help. I do have a couple of tips, though:

There are a couple of divs in between the list items in your menu list; an unordered list (ul) should only contain li elements; divs have no place in there.
your markup (HTML) uses lower case characters almost excusively, which is fine, and with an eye on converting to XHTML preferred; yet, your style sheet uses a mix of upper and lower case. I advice, just to be sure, to consistently use lowercase in both the markup and style sheet.

[rmedek]

The problem in IE Mac is this:

HTML #vertnav LI {
FLOAT: left; HEIGHT: 2%
}

Taking out the "height: 2%" fixes it. I'm not sure why that rule is in there to begin with, though... is it possibly a misinterpreted IE hack of some sort?

Anyways... the lazy man in me wants to tell you (actually, he will :)) to not worry so much about IE Mac or Netscape 7. Very, very little of the Mac community still uses those browsers.

But I would listen to Ronald about some of the CAPS vs no caps in the CSS, and you also might want to try validating the CSS and HTML when you get a chance. I can see a few more things in the code that will eventually cause problems.

Hope this helps,