The Ryan Fait footer is broken in many browsers and I would avoid using it at all. It doesn’t work properly in IE7, 8 and opera.
I don’t see the logic of what you are doing as you say you want a sticky footer but then you go and use position:fixed for half of it?
The mechanics of how the footer work are explained in the faq and it should help you to see what can (and can’t be done).
You can’t add any padding, positive margins or borders to the 100% high wrapper because that would make it too big. It can only be min-height:100% high. If you need padding then add padding to inner elements.
I would offer some code but I wasn’t sure what sort of effect you were going for. It looks like you have a fixed header and footer on the left so I’m not sure where the sticky footer fits in.
The footer does seem to be sticky on the left side in Firefox but as I mentioned Ryans technique is flawed and doesn’t work properly in IE7, 8 and opera.
The idea is that when you scroll down, the second half of the footer appears and you get the full footer. I’m hoping that seeing the full footer form will subtly reminder users of the telephone number/contact details.
I used the Ryan Fait footer as it seemed quite popular and was linked on several websites. However, I wish I used your one first, as it is much better. It doesn’t need any unnecessary mark up (such as the push div) and works perfectly in all browsers, even IE6 (And as bonus, from building your footer, I event learnt about content before/after pseudo selectors, which I never knew about - I can see them being super handy on future projects).
The tutorial was very well written and perfectly explained concepts such as min-height.