У меня классическая проблема с расположением нижнего колонтитула в нижней части браузера. Я пробовал методы в том числеhttp://ryanfait.com/resources/footer-stick-to-bottom-of-page/ но безрезультатно: мой нижний колонтитул всегда появляется в середине окна браузера как в FF, так и в IE.

В HTML я получил эту простую структуру

<form>
 ...
 <div class=Main />
 <div id=Footer />
</form>

Вот код CSS, который имеет отношение к проблеме нижнего колонтитула CSS:

    *
    {
        margin: 0;
    }


html, body
{
    height: 100%;
}


    #Footer
    {
        background-color: #004669;
        font-family: Tahoma, Arial;
        font-size: 0.7em;
        color: White;
        position: relative;
        height: 4em;
    }



    .Main
    {
        position:relative;
        min-height:100%;
        height:auto !important;
        height:100%;

        /*top: 50px;*/

        margin: 0 25% -4em 25%;

        font-family: Verdana, Arial, Tahoma, Times New Roman;
        font-size: 0.8em;
        word-spacing: 1px;
        line-height: 170%;
        /*padding-bottom: 40px;*/
    }

Где я делаю не так? Я действительно все перепробовал. Если я пропустил какую-либо полезную информацию, пожалуйста, дайте мне знать.

Спасибо за любые предложения заранее.

С Уважением,

Спасибо всем за ваши ответы. это работало с:

position:absolute;
    width:100%;
    bottom:0px;

установка положения: исправлено, не работало в IE по какой-то причине (все еще показывал нижний колонтитул в середине браузера), работало только для FF.