Link in klebriger Fußzeile nicht anklickbar in Firefox und Chrome

Question

Ich verwende eine klebrige Fußzeile wie in beschrieben:

• Wie bringt man die Fußzeile dazu, am unteren Rand einer Webseite zu bleiben?
• http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Ich habe einen Absatz mit einem Link, der am Ende der Seite stehen soll, also habe ich ihn in die Fußzeile gesetzt.

Das Problem ist, dass der Link in Firefox 3.5.2 und Chrome nicht anklickbar ist, er ist hinter .push. Es funktioniert in IE7 und IE8, aber ich denke, das sagt nicht viel aus.

Ich habe mit z-Indizes herumgespielt, aber das funktioniert nicht. Übrigens, ich brauche die Position:relative in #page, um einige Sachen innerhalb dieses div zu positionieren.

Gibt es eine Möglichkeit, einen Link in der Fußzeile in allen Browsern klickbar zu machen?

Die relevanten Teile des Kodexes:

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>