[Webkit-unassigned] [Bug 10076] New: Inconsistent reflow with margin / border when using CSS :hover

[bugzilla-daemon at opendarwin.org]

http://bugzilla.opendarwin.org/show_bug.cgi?id=10076

           Summary: Inconsistent reflow with margin / border when using CSS
                    :hover
           Product: WebKit
           Version: 419.x
          Platform: PC
               URL: http://www.damtp.cam.ac.uk/user/rjw62/test/hover.html
        OS/Version: Mac OS X 10.4
            Status: UNCONFIRMED
          Severity: normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at opendarwin.org
        ReportedBy: robert.whittaker at gmail.com


(I've come across this Safari issue in the context of a CSS-styled menu. I
htink it's a bug, and I hope this is the right place to report it.)

In the linked URL, I use CSS to add a border round an <a> element when hovered,
and have a corresponding negative margin to prevent any overall change in size.
This works fine in recent versions of Firefox and Opera.

With Safari 2.0.4 (419.3) (the only version I have access to) the first page
display and first hover-on is fine. But when the mouse is removed, the size of
the <a> is reduced vertically (I think by 2px top and bottom). Thereafter the
hovered state is correct and the unhovered state is smaller.

I'm guessing the reflow occuring on the mouse-out is removing the border, but
not taking into account the loss of the negative margin.


-- 
Configure bugmail: http://bugzilla.opendarwin.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.