Fixed positioning in IE

HTML and CSS XSLT JavaScript Images Soft Etc

	Task:	Force an element to stay in place as the user scrolls the page. Or, to put it shorter, emulate `position: fixed`.

How it looks in the browser

<!-- Copyright (c) Art. Lebedev Studio | http://www.artlebedev.ru/ -->
<html>
    <head>
        <style type="text/css">
            body
            {
                margin: 0;
                padding: 0;
                width: 100%;
                color: WindowText;
            }
            #header
            {
                width: 100%;
                padding: 0.5em 0;
                background-color: ButtonFace; 
                color: ButtonText;
                position: fixed;
                top: 0;
                left: 0;
                //position: absolute;
                top: expression(
                    document.getElementsByTagName( 'body' )[0].scrollTop + "px"
                );
            }

            #content
            {
                background: Window url('grid-10.gif'); 
                padding: 2.2em 0;
                width: 100%;
                height: 3000px;
            }
        </style>
    
    <body>
        <div id="header">Top Frame Content</div>
        <div id="content">
            <p>Middle Frame Content</p>
        </div>
    </body>
</html>

Order a design...

Fixed positioning in IE 4 April 2004

How it looks in the browser