Foxter.ru - Полоска внизу окна браузера на CSS ??

Foxter.ru (https://www.foxter.ru/index.php)

- Web-программирование (https://www.foxter.ru/forumdisplay.php?f=66)

- - Полоска внизу окна браузера на CSS ?? (https://www.foxter.ru/showthread.php?t=4775)

Полоска внизу окна браузера на CSS ??

Собстно вопрос вот в чем.
Нужно сделать полосу div'ом, чтобы она была поверх всех элементов и строго внизу окна браузера.

пишу:
.footer {
font-size: 1.2em;
height: 20px;
position: fixed;
bottom: 0px;
margin: 0px;
padding: 3px 0 0 3px;
width: 100% !important;
width: 99.7%;
z-index: 10000;
}

<div class="footer">Lorem ipsum</div>

Проблема в том, что в IE эта полоса тупо не на своем месте, а после всех элементов в самом низу страницы и не прокручивается. В Opera и Firefox все нормально.
В чем бяда ?

пробуй так ^_^

Код:

<html>

    <head>

        <style type="text/css">

            body { margin: 0; padding: 0; width: 100%; color: WindowText; background: url('/n.gif') no-repeat; background-attachment: fixed; }

            #controlTop { position:absolute; bottom:0; margin:0; height:0; width:0; overflow:hidden; }

                        #header { 

                                width: 100%; height: 20px; padding: 0.5em 0; background-color: ButtonFace; color: ButtonText; position: fixed; bottom: 0; left: 0; //position: absolute;

                                top: expression(document.getElementById('controlTop').offsetTop - 10 + document.getElementsByTagName('body')[0].scrollTop + 'px');

            }

            #content { background: Window url('grid-10.gif'); padding: 2.2em 0; width: 100%; height: 3000px; }

        </style>

    </head>

    <body>    

        <div id="content">

            <p>Middle Frame Content</p>

        </div>

                <div id="header">Top Frame Content</div>

                <div id='controlTop'></div>

    </body>

</html>

спсб! помогло!