¿Cómo puedo hacer fijo mi footer?

[matheus_rostenkowski]

Muy buenas, el tema es que tengo un footer que deseo colocar pegado abajo de mi web y que ademas se muestre en posicion fija en todo momento; es decir; que aunque haga scroll el footer se mantenga siempre por encima.

Ya he intentado añadirle position:fixed al footer pero el contenido me desaparece y no se bien porque... gracias

HTML

<div class="push"></div>
</div> <!--//Wrapper//-->

<footer>
<ul id="social_media">
<li class="red"><a href="">Facebook</a></li>
<li class="red"><a href="">Twitter</a></li>
<li class="red"><a href="">RSS</a></li>
</ul>
</footer>

CSS

footer, .push {
height: 2em;
}

footer{
margin-left:0;
padding-left:0;
margin-right:0;
padding-right:0;
background-color:#000;
position:fixed;
width:100%;
}

footer ul li{
list-style: none;
display:inline-block;
margin-top:0.4em;
margin-right:0.5em;
}

footer ul li a{
text-decoration:none;
color:#FFF;
}

footer ul li a:hover{
text-decoration:underline;}


Gracias de antemano