454555 - Website isn't displayed properly

Status: UNCONFIRMED

(Core :: Layout, defect)

Description

[Ian]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.0.1) Gecko/2008070206 Firefox/3.0.1
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.0.1) Gecko/2008070206 Firefox/3.0.1

on the website https://www.mybank.alliance-leicester.co.uk/login/SR1.asp 

the date of birth field isnt displayed properly, they overlap each other so you cant click in each field, this works fine in all other browsers, safari etc



Reproducible: Always

Steps to Reproduce:
1.  this happens every time on firefox
2.
3.
Actual Results:  
just load up the website and see for yourself, i have screen shots comparing the 2


should of displayed 3 fields for date of birth, day, month year

Comment 1

[Ian]

Attachment: this is firefox screengrab

this is how it appears on firefox,

Comment 2

[Ian]

Attachment: this is how it appears on safari

this is safari screengrab where its displayed properly

Comment 3

[Ian]

compare 2 screengrabs

Comment 4

[Ria Klaassen (not reading all bugmail)]

Confirmed on Windows XP. This is a regression from Bug 300030.

Comment 5

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

The three date inputs are left floats, separated by BRs, with successively increasingly negative relative positions (0, top:-16px, top:-32px).  I'm not surprised they overlap.

I suspect whether or not they overlap depends on whether the height of the text field is taller than the height of the line break caused by the BR.  If the text fields are taller, the floats end up side-by-side, but if the line breaks are taller the inputs should end up overlapping.

Comment 6

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Oh, and the inputs have an explicit height of 12px.

But the more important issue is actually that they're in a shrink-wrap container (though they're separated by BRs).

Comment 7

[Ian]

but this doesnt happen in other browsers, only firefox

Comment 8

[philippe (part-time)]

It also happens with Opera here.

Safari 3.1/WebKit latest nightly doesn't show the problem on the website because they feed it an additional stylesheet, with additional positioning rules.
( - OS X 10.5.4).

Comment 9

[philippe (part-time)]

Attachment: minimal test case