Navigation and some content won't display on Safari

Hi there,

I have a brand new installation of the latest Zen Cart on my new site and attempting to do my own customization. I am using Firefox and so far it looks well. However, when I checked it on Safari, none of the navigation are displayed. Even the navigation bars (the BreadCrumb and the one at the bottom of the page, before footer) and the footer text won't displayed either. Also the text that was set in the index.php (under includes/languages/english/custom_template/) doesn't appear. The text and image set in the define_mainpage.php is working.

See the screenshots attached here, on Firefox as it should look like and on Safari with some missing content.

Any pointers at what I might have done wrong and where/which files to look for?

Many thaaaanks!!!

Very difficult to diagnose browser issues without being able to see the site in the respective browsers for ourselves.

Never mind, I deduced the URL. The text and those elements are there, they're just really small. I think the problem is here:

body {
margin: 0;
font-family: Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8px;
color: #98876A;
background-color: #EFEFE6;
}

Change that to 100% and see if it works.

Have you tried removing the font style```php

Wow thank you sooo... much!!! I didn't realize it was px - I meant it to be em following the original CSS. It didn't occurred to me to check that since they display as they should on Firefox! Thanks, SteveSh!

Thanks sooo... much to dbltoe too! I have corrected the font style following your advice and it now works on Safari. Looks like Safari is more picky though. The other text don't display as sans-serif following the custom template's stylesheet; whereas in Firefox they do.

Thanks again, guys! :D