To jest kwestia tego ze twoja strona jest wyswietlana w "Quirks mode" (QM) (patrz linki).
Tryb QM zostal uruchomiony poniewaz masz zla deklaracje DOCTYPE
[1]
Cytat
HTML 4.01 Transitional doctype without a URL ie. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
dla takiej deklaracji jest wlaczony tryb QM.
Popraw deklaracje -- dodaj URLa
Cytat
HTML 4.01 Transitional doctype with the URL
http://www.w3.org/TR/html4/loose.dtd ie. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
A najlepiej przezuc sie na XHTML/Strict
W trybie "Standards compliance mode" (SCM -- prawidlowym zgodnym ze standardami W3C) dodanie niezerowago paddingu zwieksza wymiary boxa (wiecej zajmuje na ekranie) ale wymiary tresci (content) pozostaja stale -->[5].
W trybie QM jest roznie, w FFoxie tak jak w SCM a w Operze dadanie paddingu zmiejsza wymiary content -- box zajmuje ciagle tyle samo na ekranie, w IE -- nie wiem, ale z tego co piszesz, ze strona wyglada ok -- jest jak w SCM.
Jak sprawdzic ktory tryb jest wlaczony? W FFoxie RMB->View Page Info, i w pierwszej zakladce "Render Mode: ...".
Dodaj prawidlowa deklaracje DOCTYPE.
I zbuduj strone od nowa.
------------
linki:
[1]
http://www.hut.fi/u/hsivonen/doctype.html[2]
http://www.quirksmode.org/[3]
http://www.quirksmode.org/css/modes/box_quirks.html[4]
http://www.quirksmode.org/css/modes/box_strict.html[5]
http://www.w3.org/TR/REC-CSS2/box.html