Pozicioniranje footera

[Nemesis]

Imam problem sa pozicioniranjem footera.

Code:

/*main part*/ .main {    width: 905px;    position: absolute;    bottom: 174px;    top: 176px;    height: 100%;    }     .left_border {    height: 100%;    float: left;    background: url('images/border_left.png') repeat-y;    width: 40px;    }     .right_border {    float: right;    background: url('images/border_right.png') repeat-y;    width: 26px;    height: 100%;    }     .content {    float: left;    background-color: white;    width: 839px;    overflow: visible; /*ništa se nije promjenilo nakon ove promjene*/    }

Postavio sam position:absolute kako bi mi se background razvukao od kraja headera do početka footera te tako i text.

Code:

/*footer*/ .footer {    width: 905px;    height: 238px;    position: absolute;    bottom: 0px;    }

A ovdje je footer spušten na samo dno. No kada se gornji <div> vertikalno proširi, "bottom: 0px" više nije 0px od dna stranice nego 0px od stranice prije nego što se proširila.

Evo sličice da bude jasnije:



Također, kad sam već tu, kako hackati css kod da pokazuje posebno alignment za Firefox, a posebno za Operu (i ost. browsere).

Code:

body {    text-align: -moz-center;    }

Ovo gore pali za Firefox

Code:

body {    text-align: center;    }

Ovo radi u Operi