Problems showing up with safari

[Bexley]

Hi
I have just got to the testing phase of my little web site when AKK! AKK! most browsers check out fine but Safari does this sideways jump to the right like like its singing along to the Rocky horror show, time warp.
Seriously can anybody help me get the middle of my site to line up again in safari all the other browsers seem to be ok even IE and Opara
help most appreciated and a screen grab is as follows
www.bexley.net.au/grab2.jpg

Thanks
Steve - from a land down under

[stevesh]

Well, considering that you haven't done all that much yet, and since a stock Zencart installation looks OK in Safari, I'd guess that maybe one of the changes you made in the stylesheet to the sidebox statements is the culprit. Since Safari doesn't seem to have any sort of Developer function, I guess all you can do is comment out your changes one by one.

[Bexley]

thanks for that comment
I have just got hacked for giving out my site on here before I had it secure - lesson learned but I feel like just giving up now and just go buy a cart
Thanks for all who helped me I just feel sick now and very angry

[stevesh]

It's unlikely that posting your site's URL here had anything to do with your being hacked, if in fact you were.

You were testing your site and making changes in the template before you applied the security patches. I understand your frustration, but most of the fault is yours.

I would delete the existing installation, re-install, and apply the patches right away. Then begin your customization.

[Bexley]

This seems to be the offending bit of code in my style sheet
works ok with all browsers except Safari.
this makes all the buttons line up along the menu bar
the buttons line up on Safari but the content below it jumps to the right taking its position below and to the right of the last button.
seems to be the display: inline - does strange things in Safari when I google it. But how to fix it or change so that it works?

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
}

[Bexley]

includes/templates/YOUR TEMPLATE/css/stylesheet.css

This seems to have done the trick - Safari Fox EI Opera shows correct


#navMain ul li, #navSupp ul li, #navCatTabs ul li {
margin:0;
display:inline;
text-align:left;
list-style: none;
padding-right:15px;
}
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
margin:0;
float:left;
display:block;
padding-right:15px;
text-decoration: none;
}