Anyone using Safari on Mac?

[andreitero]

Hi all, i've got a screenshot of my website on Safary/Mac from browsershots.org and it does not look good. I tested it on IE6,7,8, Firefox, Chrome, Opera and it looks fine. For some reason, on Safari/Mac, the website looks like this:
[SCR]http://lemy.co.uk/images/abcdef.png[/SCR]

,with the whole body shifting to the right, caused by the top menu not aligning properly.
This is the CSS controling the top menu:

#navMainWrapper{font-size:1.1em;height:23px;line-height:normal;width:957px;}

#navMain {
      float:left;
      width:100%;
	  font-size: 1.1em;
      }	  
#navMain ul {
      margin:0;
      padding: 0;
      list-style:none;
      }

#navMain li {
      display:inline;
      margin:0;
      padding:0;
      }
#navMain a {
      margin:0;
      padding:0 0 0 4px;
      float:left;
      background: url(../my_image) 0 0 no-repeat;  background-position: 0 -208px; height:23px;
      color: #dfdfdf;
      text-decoration:none;
      }
#navMain a span {
      padding:5px 33px 0 25px;height:18px;
      float:left;
      display:block;
      background: url(../my_image) 100% -185px no-repeat;
      color:#dfdfdf;
      }  
#navMain a:hover {
      background-position: 0 -254px;
      color: #dfdfdf;
      cursor: pointer;

      }
#navMain a:hover span {
      background-position: 100% -231px;
	  color:#dfdfdf;

Also, if for some reason, you can't view the my CSS because of the C/J loader add-on, i should mention that the #mainWrappe and #headerWrapper have a width of 957px.

Can someone confirm that the website looks like that on Safari/Mac and/or give me some pointers on how to fix this?
Thanks