[Webkit-unassigned] [Bug 37994] New: absolute + transform-rotate with a:hover, border not drawing correctly

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=37994

           Summary: absolute + transform-rotate with a:hover, border not
                    drawing correctly
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
               URL: http://jeutousfousdeporc.lnet.fr/
        OS/Version: Mac OS X 10.6
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: kaelig at deloumeau.fr


Created an attachment (id=54071)
 --> (https://bugs.webkit.org/attachment.cgi?id=54071)
Hovered link

As you can see in the footer of the linked page :
http://jeutousfousdeporc.lnet.fr/

The hover state of the links does not draw correctly when their container is
positioned absolute.

By positioning the container with "position:relative", the border under the
links draws correctly.

<div id="footer_links">
    <a href="#" rel="external">Mentions légales</a><br>
    <a href="#">Règlement</a><br>
    <a href="#" rel="external" title="Pour votre santé, mangez au moins 5
fruits et légumes par jour.">Mangerbouger.fr</a>
</div>


    #footer_links {
            -moz-transform:rotate(-7deg);
            -webkit-transform:rotate(-7deg);
            position: absolute;
            bottom: 30px;
            right: 300px;
        }
            #footer_links a {
                border-bottom: 1px solid #fff;
            }
            #footer_links a:hover {
                border-bottom: 0;
            }

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.