How to make a fixed div in IE10 Mobile?

Question

How to make a fixed div that works with IE10 Mobile on Windows Phone 8? The code I use is:

<div style="position:fixed;width:100%;background-color:blue;">
    test
</div>

It only partially works. When the user scrolls, the div returns to its original position. It also does not work at all in landscape orientation. Are there alternative ways to make a fixed div that does not move, which is supported on the Internet Explorer 10 mobile device?

Answer 1

div 
{
    position:fixed;
    width:100%;
    background:blue;
    top:0; /* bottom:0 */
    left:0; /* right:0 */
    height:200px; /* You can specify here as you want */
}

position:fixed . , , . top:0;