User-Agent: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.3b) Gecko/20030125 Build Identifier: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.3b) Gecko/20030125 The URL above is a static copy of a dynamic login page. It has a gap at the top that goes away when the <h1>Login</h1> is removed from a content div which is contained in a nested div. The page is designed like this: Header div: Img float left Img float right Menu div : floated left Content div which contains h1 element Footer div I noticed this problem in Phoenix 0.5 (on win2k), Mozilla 1.3a(win98) and Mozilla nightly 184.108.40.206301250 (win98). It does not happen in Mozilla 1.0 (linux, win98). Another page: http://users.bigpond.net.au/steven.butler/ has no <h1> tag, and does not suffer the problem (all other layout is identical to http://users.bigpond.net.au/steven.butler/login.html (the linked URL). Reproducible: Always Steps to Reproduce: 1. Goto URL http://users.bigpond.net.au/steven.butler/login.html Actual Results: Mozilla draws unwanted gap at the top of the page Expected Results: Mozilla should display the header div directly underneath the top of the drawing window, with no gaps.
Hmm... looks like the top margin of the <h1> gets totally misplaced (turning it off removes the space).
The top margin of the <h1> is applied before the top div, as well as to the <h1> itself.
Note: this only occurs when there is a specified "border-top-width: 0px;" on the _empty_ DIV.
Comment on attachment 128038 [details] [diff] [review] patch Doh. r+sr=bzbarsky
Fix checked in to trunk, 2003-07-21 23:13:45 -0700.