CSS: position:fixed not working on Windows Phone

Question

I am trying to develop a web based app for Windows Phone 8. I have a web page with two divs with the style position:fixed. If I open the Internet Explorer app on the Windows Phone and navigate to my web page, the fixed elements display perfectly. However, when I view the web page in the WebBrowser WP8 control in the native app, the position:fixed style is completely ignored.

I also noticed that all my css transitions also will only work in the full Internet Explorer app. This is not as big of a problem, but the lack of fixed positioning is a real issue. Why is the WebBrowser doing this, and are there any workarounds?

I know fixed positioning and transitions did not work in WP7, I'm wondering if maybe the WP8 WebBrowser control has the same code as the WP7 WebBrowser control.

Answer 1

position:-ms-device-fixed did the trick for me.