Używam lepkiej stopki opisanej w:

Mam akapit z linkiem, który chcę znaleźć na dole strony, więc umieściłem go w .footer.

Problem polega na tym, że link nie jest klikalny w Firefoksie 3.5.2 i Chrome, jest za .push. Działa w IE7 i IE8, ale myślę, że to niewiele mówi.

Bawiłem się indeksami Z, ale to nie działa. Swoją drogą, potrzebuję pozycji: względnej w #page, aby umieścić niektóre rzeczy wewnątrz tego div.

Czy istnieje sposób na kliknięcie linku w .footer we wszystkich przeglądarkach?

Odpowiednie części kodu:

css

html, body {
    height: 100%;
}
#page {
    width: 962px;
    text-align: left;
    min-height: 100%;
    /* sticky footer part */
    height: auto !important;
    height: 100%;
    margin: 0 auto -90px;
    /* end sticky footer */
    position: relative;
}
/* sticky footer part */
.push, .footer {
    height: 90px;
}
.push {
}
.footer {
    background: #181f18 url(../images/background-top.png) no-repeat center bottom;
}

html

<div id="page">
  <div id="wrapper">
    <div id="contents">bla bla</div>
  </div>
  <div id="footer">bla bla</div>
  <div class="push"></div>
</div>
<div class="footer">
    <p><a href="http://www.some-site.com/">Some Text</a></p>
</div>