Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

Element moved to wrong position using relative percentage CSS offsets #269

xiaclo opened this Issue Mar 26, 2013 · 0 comments


None yet
1 participant

xiaclo commented Mar 26, 2013

I came across this issue while trying to vertically center some elements (which is WAY more difficult in IE7 than any other browser, including IE6 oddly). For some reason, PIE positions elements incorrectly when a parent element is position: relative with an offset in %.

This is as minimal of a test case as I could come up with. Obviously give the correct path to PIE.htc, as this is my environment.


The button itself appears to take the offset of the parent (top:50% in this case), but the button text does not move, leaving a strange effect of the top border of the button cutting through the text. Originally I ran into this issue with both a top and left offset, resulting in the actual button being quite far away from the text.

This occurs in both IE6 and 7, although it works in IE9 (and IE8 emulation mode in IE9). It also occurs with both PIE 1.0 and latest version of 2.0beta1.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment