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

[Viper]

Собстно вопрос вот в чем.
Нужно сделать полосу 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 все нормально.
В чем бяда ?