css navigation div плавающие проблемы в firefox

Question

У меня проблема с рендерингом навигации в Firefox. Это прекрасно в Chrome и Opera, но в Firefox весь навигационный div плавает прямо в верхнем правом углу.

HTML:

<nav class="table"> 
    <ul id="menu"> 
     <li><a href="#">Business</a></li> 
     <li><a href="#">Specialities</a></li> 
     <li><a href="#">Contact us</a></li> 
    </ul> 
</nav> 

И CSS является:

.table { 
    display: table; 
    margin: 0 auto; 
    background: #ffe; 
} 


ul#menu { 
    min-width: 100%; 
    list-style: none; 
    margin: 1em 0 1em 0; 
} 

ul#menu li { 
    display: inline; 
    margin: 3em; 
    padding: 0; 
} 

ul#menu li a { 
    font-weight: bold; 
    font-size: 1em; 
    text-decoration: none; 
    text-transform: uppercase; 
} 

Answer 1

Атрибут Маржа вы настраиваете его на "0 авто". С предоставленной информацией я вижу навигацию в левом верхнем углу и в хроме. И правильно видеть его там.

Маржа атрибут имеет структуру: верхний правый нижний левый // Спасибо PeeHaa

Это то же самое, если вы используете следующие атрибуты: Маржа-правый, левый запас, запас-верхний и нижний запас- , Они должны указывать конкретный запас.

Если это не ответ на ваш вопрос, то вы должны увидеть, если у вас есть

position:fixed; 

или

position:absolute; 

или

float:left/right; 

для любого тега в ваш HTML.