236965 - Object placement messed up

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Reji]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6) Gecko/20040206 Firefox/0.8
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6) Gecko/20040206 Firefox/0.8

When I visit certain sites like http://www.qualcorelogic.com/ or
http://www.johnsamuel.ca, I see the objects are not aligned properly or the menu
items **** up and down on mouseover. Look at the menus on the "qualcorelogic"
website. I don't see the same problem when I browse using IE.

Reproducible: Always
Steps to Reproduce:
1.
2.
3.

Comment 1

[Boris Zbarsky [:bzbarsky]]

It looks to me like hovering unhides some DOM nodes that change the line
height... a minimal testcase is needed to determine what's going on.

Comment 2

[Reji]

I don't have any test cases, but perhpas the development team can take a look at
the  http://www.qualcorelogic.com and use that code to investigate further.

Comment 3

[Andrew Schultz]

Attachment: testcase

the image is part of a link that is styled to get a padding (and a white
background at the URL) of 2px on hover.

http://www.qualcorelogic.com/css/qc_style.css

Comment 4

[Reji]

Okay. Thanks for that info. But when I view that page in IE, I don't see that
same behaviour, the shifting. Is that a bug in IE or a bug in Firefox?

Likewise, if you the website http://www.johnsamuel.ca using Firefox, you won't
see any table borders around the horizontal menu items at the top, whereas if
you view the same page in IE, it will display clean boxes around the items at
the top and at the footer of the page (containing copyright information). Again,
is this a bug for Firefox or is there another method to define a table border.
In that page, they are using CSS to define the table border.

Comment 5

[Andrew Schultz]

marking NEW although this might be Tech Evang

Comment 6

[Jonathan]

1st testsite redirects to somewhere else
2nd is an expired squarespace-site

The test case displays a blue line on hover here. It goes along the entire bottom, and sticks out slightly to the right of the mozilla.org-banner

Comment 7

[Emilio Cobos Álvarez [:emilio]]

Test-case works the same in all browsers too, so WFM.