I was viewing AAS today with my Mac on IE, first time one new design and the Bars at the top are listed down instead of across.
Have posted an image to show this.
Looks correct on Safari (Mac OS X default Browser)
Not overly bothered as for most things I use Safari, but thought I would mention!
Mac OS 10.2.6
IE 5.2.3
Interesting...
The problem lies in the the way the mac browser uses stylesheets.
If you look in the HTML code you can see that the actual navigation bar is made of <UL><LI> tags which should put them down the side of the screen with bulletpoints. This seems a bit weird until you check what the style sheet is doing:
#topnav {font-family: verdana, arial, lucida, sans-serif; font-size:11px; margin:0; padding: 0 0 0 12px;}
#topnav UL {list-style: none;margin: 0;padding: 0;font-weight:bold;border: none;}
#topnav LI {display: block;margin: 0;padding: 0;float:left;width:auto;}
#topnav A {color:#fff;display:block;width:auto;text-decoration:none;background: #39597d;margin:0;padding: 2px 10px;border-left: 1px solid #fff;border-top: 1px solid #fff;border-right: 1px solid #aaa;}
#topnav A:hover, #topnav A:active {background: #BBBBBB;}
#topnav A.here:link, #topnav A.here:visited {position:relative;z-index:102;background: #a5b4c4;font-weight:bold;border-left: 1px solid #000;border-top: 1px solid #000;border-right: 1px solid #000;}
#subnav {position:relative;top:-1px;z-index:101;margin:0;padding: 0px 0 0px 0;background: #a5b4c4;border-top:1px solid #fff;border-top:1px solid #000000;border-bottom:1px solid #000000;font-family: verdana, arial, lucida, sans-serif;font-size:11px;height: 19px;}
#subnav UL {list-style: none;margin: 1px 0px 6px 13px;padding: 0px;border-right: 1px solid #fff;border-left: 1px solid #aaa;}
#subnav LI {position:relative;z-index:102;display: block;margin: 0;padding: 0;float:left;width:auto;}
#subnav LI.text {padding: 2px 12px 3px 10px;}
#subnav A {color:#000;display:block;width:auto;margin:0;padding: 2px 12px 3px 10px;}
#subnav A:hover, #subnav A:active {color:#444;background: #BBBBBB;}
#subnav A.here:link, #subnav A.here:visited {color:#444;}
#subnav BR, #topnav BR {clear:both;}
This is kind of changing what the <UL> and <LI> tags mean, so instead of bulletpoints and newlines, you get the nicely spaced out new nav bar. The mac browser is almost getting it right, it's just still putting the new line in after each tab...
Bit geeky, but someone might find it interesting 😛