PIE
PIE copied to clipboard
updatePos function in RootRenderer calculates position incorrectly
I have been able to reproduce this in IE 6 through 8 using PIEv1beta2 snapshot.
Using the following HTML and CSS, notice that the background for the button is 2 pixels off on the top and left size. The only fix I have for this is a complete hack so I won't commit it to git.
Code is here: http://c0023007.cdn1.cloudfiles.rackspacecloud.com/defect.html
Screenshot of the expected vs the actual is here: http://c0023007.cdn1.cloudfiles.rackspacecloud.com/expected_vs_actual.PNG
This is still present in Beta 3. in My case its even stranger: the button is complete off, say if the button is 100ox wide, the background is about 100px off to the side. Sometimes it is completely missing and only comes back after an reflow, like hover. I would really appreciate to see this bug Fixed.
This 2px-off issue is due to a default 2px-wide border that IE in quirks mode applies to the document's body. It only occurs if your element's positioning context is the body and not some other position:relative element, if you haven't removed that default border (adding body{border:0} will fix it), and if your document is in quirks mode (adding a standards doctype will clear it up).
I will add logic in PIE to check these conditions and account for the border. In the meantime, use one of these workarounds.