I'm dealing with wierd behavior of IE 11 on Windows 8 and Windows 8.1. I'm fixing position of element inside fixed positioned element. And it's rendering weird. It's in right place when I inspect it with dev tools, but visually its completly in different place. I found out that if I temporarily disable position rule of parent element and then enable it again, the child element renders correctly after that. IE 11 on Win 7 doesn't have this problem.
I created pen on codepen. But when I checked it in IE, revealed that IE doesn't work well with codepen (I tried browse different pens of other people in IE on different machines and it failed everytime). So I don't know how to show you my problem. Anyway here's the pen: http://codepen.io/SovietSam/pen/Abkvu
Parent el is #photo-modal. Child el is a form.
codepen uses the iframe sandbox attribute.
to debug your web applications...
f12>Console tab, then refresh the page to show suppressed error messages.
HTML1300: Navigation occurred.
HTML1508: Unmatched end tag.
File: Abkvu, Line: 968, Column: 3
SEC7131: Security of a sandboxed iframe is potentially compromised by allowing script and same origin access.
SCRIPT5: Access is denied.
File: live_pen_renderer-ef64c9c2597ec9d276b09481fd6e5526.js, Line: 4, Column: 2895
You may be able to get around the IE security features by adding codepen to your trusted sites list (if you really, really do trust codepen and the 100's of developers who post code there).
The webplatform.org sandbox can be found here - http://code.webplatform.org/gist/
Preferably, Please post the complete markup of your page or mashup with your questions.