CSS взломать для сафари на Mac

Question

просто интересно, может ли кто-нибудь помочь мне с хаком CSS для Safari на Mac, то, что я пытаюсь сделать, выглядит хорошо в Safari для Windows, но на Mac выглядит иначе,

в моей верхней навигации я пытаюсь центрировать все, это выглядит по центру Firefox, то есть Safari, но в Safari на Mac это не по центру, поэтому я хотел дать ему левое поле, которое может быть видно только в Safari для Mac .

  <div id="main_nav">
 <ul>
      <li><a href="about.php">about us</a></li>
      <li><a href="women.php">women</a></li>
      <li><a href="man.php">men</a></li>
      <li><a href="beauty.php">beauty</a></li>
      <li><a href="lust.php">the lust</a></li>
      <li><a href="press.php">press</a></li>
    </ul>
  </div>

  #main_nav {
width:74.7em;
height:2.3em;
position:absolute;
top:13.9em;
left:0;
background:#000;
margin:0 0 0 6.9em;
text-align:center;
  }

 #main_nav ul {
width:49em;
height:1.7em;
color:#FFF;
font-size:1.3em;
letter-spacing:.2em;
text-alight:left;
margin:0 auto 0 auto;
}

#main_nav ul li {
display:inline;
list-style-type:none;
}

#main_nav ul li a {
display:block;
height:1.6em;
float:left;
color:#FFF;
text-decoration:none;
margin:0em 0 0 4em;
padding-top:.2em;
}

#main_nav ul li:first-child a {
margin-left:0.5em;
}

#main_nav ul li a:hover {
background-color:#90F;
}

спасибо

Answer 1

У меня нет Mac для тестирования, но этот CSS, похоже, помогает в Safari, Chrome, Firefox, Opera и Internet Explorer в Windows. (Я только разместил измененную часть)

#main_nav {
    width:74.7em;
    height:2.3em;
    margin:13.9em auto 0;
    background:#000;
    text-align:center;
}

#main_nav ul {
    width:49em;
    height:1.7em;
    color:#FFF;
    font-size:1.3em;
    letter-spacing:.2em;
    text-alight:left;
    margin:0 auto;
}

Мелочь ... Эта строка в # main_nav ul является избыточной, так как краткая форма позволяет указать первые два и применить одинаковые значения к противоположным сторонам:

margin:0 auto 0 auto;

Итак, эквивалентная версия:

margin:0 auto;