[CSS][HTML] Inna interpretacja margin-top przez FF Opcje

[mlodygda]

Witam, mam stronkę składającą się z 3 divów:

[HTML] pobierz, plaintext 
#naglowek
{
text-align: center;
position: absolute;
background-color: #DBDBDB;
width: 64%;
height: auto;
margin-top: 163px;
margin-left: 18%;
color: black;
font-family: Acme;
font-size: 14pt;
border-style: outset;
border-color: white;
border-bottom: 0;
}
 
#tresc
{
text-align: center;
position: absolute;
overflow: auto;
background-color: #DBDBDB;
width: 64%;
height:434px;
margin-top: 266px;
margin-left: 18%;
color: black;
font-family: Acme;
font-size: 14pt;
border-style: outset;
border-color: white;
border-bottom: 0;
border-top: 0;
}
 
#stopka
{
text-align: center;
position: absolute;
background-color: #DBDBDB;
width: 64%;
height: auto;
margin-top: 700px;
margin-left: 18%;
color: black;
font-family: Acme;
font-size: 14pt;
border-style: outset;
border-color: white;
border-top: 0;
}
[HTML] pobierz, plaintext 

Problem jest w nagłówku w tym miejscu:

margin-top: 163px;

Otóż tak ten margines interpretuje firefox:
http://s18.postimg.org/w1sg73rrt/firefox.jpg

A tak interpretuje go opera:
http://postimg.org/image/sbp9vrizr/

Jak można zauważyc w operze jest widoczna dolne obramowanie menu ( wskazane czerwoną strzałką ) natomiast w firefoxie to menu przesuwa sie nieco w dół i juz nie widać tego obramowania. Próbowałem to rozwiązywać za pomocą % czyli:

margin-top: xx%; -> ale wtedy na innych rozdzielczościach się stronka kaszani. Jakie jest wyjście z tej sytuacji?

Ten post edytował mlodygda 30.03.2013, 10:44:37

[!*!]

Skoro nie używasz %, to po co podajesz kod w którym się one znajdują?
Porównaj kod jaki Ci podałem. Wywaliłem z niego zbędne rzeczy, dostosuj to tylko dalej pod siebie. position absolute itd, nie jest Ci tu do niczego potrzebny. Przepisz to jeszcze raz, ale używając znaczników które są potrzebne, a nie tych które akurat się nawiną.

http://jsfiddle.net/Lztn2/11/

edycja:
http://jsfiddle.net/Lztn2/12/show/

Ten post edytował !*! 30.03.2013, 11:45:58