css: margin-top. мозіла і опера, проблема: різне відображення. Чому?

При задані в пікселях відступ різний в мозілі та опері. Як позбутися цього приколу?

Примечание:
body{
margin: 0;
padding: 0;
background-image: url(../images/default/wood.png);
}

li{
list-style-type: none;
}

img{
width: 100%;
height: 100%;
}
a{
text-decoration: none;
}
.autor a{
color:green;
}
.autor a :hover{
color:red;
}

#top{
min-width: 610px;
width: 100%;
height: 60px;
position: fixed;
top: 0%;
color: red;
background-color: black;
}

#bottom{
width: 100%;
height: 20px;
bottom: 0;
background-color: black;
position: fixed;
}

#bottom div{
min-width: 615px;
height: 20px;
width: 62%;
margin: 0 auto;
color: red;
text-align: right;
}


#advertising{
min-width: 615px;
width: 62%;
height: 140px;
margin: 60px auto auto auto;
background-color: grey;
}

#advert{
float: right;
height: 72px;
width: 392px;
margin-top: 30px;
margin-right: 20px;
background-color: red;
}

/*#created{
min-width: 600px;
margin: 0 auto;
padding: 0.1%;
color: red;
border: 1px solid #f0c040;
}
*/
.content{
min-width: 600px;
width: 60%;
height: 3000px;
margin: 0 auto;
padding: 1%;
background-color: yellow;
}

#logo{
height: 100px;
width: 100px;
margin-top: 20px;
margin-left: 30px;
background-color: fuchsia;
float:left;
}

#con{
background-color: floralwhite;

min-width: 300px;
margin-right: 130px;
}

#advert_2{
height:600px;
width: 120px;
background-color: royalblue;
float: right;
}

.record{
height: auto;
width: 100%;
background-color: red;
border-radius: 15px;
margin-bottom: 10px;
overflow:auto
}

.more{
float: right;
height: 20px;
background-color: goldenrod;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 10px;
position: inherit;

}

.title{
margin:5px;
text-align: center;
word-break: break-all;
background-color: firebrick;
position: inherit;
}

.description{
background-color: greenyellow;
word-break: break-all;
margin: 5px;

}

.full_text{
margin: 5px;
background-color: tan;
word-break: break-all;

}

Примечание:
<div id='top'>
<div id="cssmenu">
<div id="css-menu">
<ul>
<li><a href="/homepage/">
<span class="text-top">Головна</span>
<span class="text-bottom">Наші статті</span>
</a></li>
<li><a href="#">
<span class="text-top">Програми</span>
<span class="text-bottom">Каталог програм</span>
</a></li>
<li><a href="#">
<span class="text-top">Про нас</span>
<span class="text-bottom">Дізнайся більше...</span>
</a></li>
<li><a href="#">
<span class="text-top">Контакти</span>
<span class="text-bottom">Як звязатися з нами?</span>
</a></li>
</ul>
</div>
</div>
</div>
<div id="advertising">
<div id="logo">Logo</div>
<div id="advert">banner</div>
</div>
<div class='content'>
<div id="advert_2">banner</div></div>

Примечание:
<div id="advertising"> має різні відступи в опері і мозілі, Чому?

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.