... does not show correct height of "current location" indicator after latest site redesign. I'm working off the shots off http://browsershots.org/http://www.f...ion-flash.com/ if you want to take a look and don't have Safari. In both the Safari shots, the white area for the current tabs is shrunk to just the text (no space above or below).

You can see the main site at http://www.foundation-flash.com and the main stylesheet is at http://www.foundation-flash.com/stylesheets/master.css

An extract is below:

body#homehome #navmenu li.homelink, body#home #navmenu li.tutorialslink, body#members #navmenu li.memberslink, body#portfolio #navmenu li.portfoliolink, body#contact #navmenu li.contactlink, body#about #navmenu li.aboutlink, body#tutorials #navmenu li.tutorialslink{
background:#FFFFFF url(../images/tabfade.gif) repeat-x;
margin-right:-3px;
padding-right:14px;
border-left:#006600 2px solid;
color:#000000;
}
body#homehome #navmenu li.homelink a, body#home #navmenu li.tutorialslink a, body#members #navmenu li.memberslink a, body#portfolio #navmenu li.portfoliolink a, body#contact #navmenu li.contactlink a, body#about #navmenu li.aboutlink a, body#tutorials #navmenu li.tutorialslink a{
color:#000000;
}

Any help appreciated - I have read a lot about IE6, but never really come across Safari issues.

Thanks,
Harry

Don't forget to include something like this:

 #nav li {  display: inline; float: left; }

#nav li a { font-size: 12px; color: white; margin:0; font-weight: bold; text-decoration: none; padding-left: 10px; float: left; padding-right: 10px; padding-top: 11px; color: white; padding-bottom: 12px; }

#nav li a:hover { color: white; background: url(backgroundimage.png) repeat-x; text-decoration: none; }

Basically, I think you're missing the float: left and the display: inline attributes. This should solve your problem.

Why would that affect only Safari? It displays perfectly in Firefox (Standards Compliant) and IE 6 and 7 (Not)?

I don't know if this will help, but its the only list of Safari bugs that I know of:
http://www.quirksmode.org/bugreports...ari/index.html

You do have a class of 'toolbar' on that nav UL, but I don't see that class in your CSS.

Meaning to get rid of that - it just will take an age to do it on every page. Thanks for the link LNR, but I can't find my display issue in there. Oh well....

Don't you have a search and replace function ?

I would suggest that you post your question to the gurus on this CSS-Discuss list:
http://www.css-discuss.org/

That list group is very active, and Eric Meyer is the founder of that list. Most of the big names in CSS development are on that list.

Doesn't really answer your question, but you should be able to get round it by making the lis display block and floating left.

I had a similar(?) problem recently, with Safari doubling the width of an element unless I specified this explicitly.

Yes I do LNR, but I quite like DW (please don't shoot me! ) and that is absolutely dire when working with a ton of folders (semantic URLs for tutorials - each in a different one), using its direct FTP and I can't be bothered to download all of them CTRL-F/CTRL-H it and upload. Will check out link.

Not gonna shoot you for using DW, it has some very good site management tools