Hi,
Glad you realised the issue but as I said above Ryans footer (and his demo) don't work in IE7, 8 and opera and neither does yours. As the inventor of the original sticky footer back in 2003 
I think I've tested many sticky footers and the only one that is more or less foolproof is the one l have listed in the FAQ (and doesn't really need a push div either for most uses).
Ryans (and your) footer gets stuck in the middle in IE7 8 and opera when you resize the screen form the bottom and then open it up again. The footer does not hug the bottom like it should.
You also have a logic error here:
#parature_content { /* Main Page Content goes here. Left KB nav is included. */
position: relative;
top: 165px;
left: 270px;
width: 630px;
background:url(content-bg.png) repeat;
font-size: 1.1em;
padding: 20px;
[B]min-height: 100%;
height: auto !important;
height: 100%;[/B]
}
That element already sits inside a min-height:100% element so you cannot base another element on min-height and therefore would collapse to zero in good browsers. However some browsers may try to help you out and you will get another 100% + 165px in height due the relative positioning you added. You can't add anything to 100% as 100% is the max otherwise you have an element that is always too big for the container it sits in. Suffice to say the inner element should have all the 100% rules removed as CSS just doesn't work like that.
Lastly this rule:
min-height: 100%;
height: auto !important;
height: 100%;
That's the rule that kills IE7 and stops the footer being sticky. The code is correct but its an obscure bug that I have documented many times and causes IE7 to fail. The height:100% rule for IE6 should be in a separate ie6 only rule and then the important declaration can be removed and IE7 will work.
e.g.
html,body{
margin:0;
padding:0;
height:100%;
}
#outer{min-height:100%}
* html #outer{height:100%}
It's actually less characters to write:
#outer{min-height:100%}
* html #outer{height:100%}
Than it is to write:
#outer{
min-height: 100%;
height: auto !important;
height: 100%;
}
But what's more important is that the former works in IE7 without problem.
