title: CSS Image aligning/Safari Issue
body: <p>I'm designing a website using Dreamweaver and I'm having some problems with aligning the menu bar.  I'm using an image designed in Photoshop and then exported over to dreamweaver.  The image is to go in the center of the banner as it contains the links to the other pages of the website.  I'm having difficulty center aligning this.  It needs to be center aligned by the middle of the image, not by the left edge of the image.  I have been using this code in CSS to do so:
  position: fixed; (The menu bar needs to always be at the top, even when scrolling)
  top: 0px;
  left: 50%;
  margin-right: -50%
  transform: translate(-50%, 0%);</p>
  
  <p>This has been working for Google Chrome, but on Safari it doesn't work. The image still aligns by the left margin of the picture.
  Any help would be greatly appreciated.
  I have also tried using margin-left: 50%; instead of transform and that doesn't seem to work.</p>