[Webkit-unassigned] [Bug 127652] New: CSS bug -> h2:before { padding-right: 0.3em; }

[bugzilla-daemon at webkit.org]

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

           Summary: CSS bug -> h2:before { padding-right: 0.3em; }
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
               URL: http://primesieve.org
        OS/Version: Mac OS X 10.7
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: kim.walisch at gmail.com


Created an attachment (id=222276)
 --> (https://bugs.webkit.org/attachment.cgi?id=222276&action=review)
All <h2> are not properly aligned on first load

When my website (http://primesieve.org) is loaded for the first time all <h1>, <h2>, <h3>, … are not properly aligned. Now if I hit the refresh button the bug disappears i.e. all <h1>, <h2>, <h3> are properly aligned. Below is the CSS (from http://primesieve.org/stylesheets/stylesheet_mac.css) that causes the bug:

#main-content h2 {
  font-family: 'Helvetica Neue', Helvetica, Arial, serif; 
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #474747;
} 
#main-content h2:before {
  content: "//";
  color: #9ddcff;
  padding-right: 0.3em;
  margin-left: -1.33em;
}

It seems to me that 'padding-right: 0.3em;' and 'margin-left: -1.33em;' are causing the bug. The bug is not only present on my website but on all websites that use the Architect theme by Jason Long (generated by GitHub Pages).

The bug is present in both Safari and Google Chrome. The bug is not present in Firefox and Internet Explorer.

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