Forum PHP.pl

Witam.
Mam dość nietypowy problem.
Jest <div id="main">, wewnątrz którego kolejny <div id="absolute"> z ustawionym "position: absolute" umiejscowiony jest w jakimś konkretnym miejscu diva "main". Na wszystkich popularnych przeglądarkach jest wszystko jak najbardziej OK. Do diva "main" dodaje "border-top" o szerokości powiedzmy 10px. Oczywistym faktem jest to, że cała zawartość "main" przesunie się w dól o te 10px, a co za tym idzie div "absolute" tez powinien to uczynić. Niestety wszystkie normalne przeglądarki to wiedzą oprócz głupiego firefoxa. Wygląda to tak, że firefox nie przesuwa diva "absolute", a co za tym idzie znajduje się on za wysoko.

Zdaje sobie sprawę z tego, że można to obejść stosując choćby diva z background'em zamiast górnego bordera, ale pytanie brzmi czy firefox faktycznie jest tak głupi, że nie potrafi tego zrobić po ludzku czy jest jakiś trik, który rozwiązuje to w bardziej elegancki sposób?

Pokaż kod http://jsfiddle.net/

Właśnie, pokaż kod (IMG:style_emoticons/default/smile.gif)
A masz na DIVie "main" position:relative?
Zrozumienie wzorca modelu pudełkowego też może pomóc w ogarnięciu pozycjonowania za pomocą CSS.