how to make this footer stay at bottom of page even window is small

how to make this footer stay at bottom of page even window is small

I am pretty much stuck in this html problem.
I have a page. i want its footer to stay at the bottom and have certian
distance to element above it. here the Twitter + G+ div.
please see the css inside @media (min-width:481).
i tried this:
html, body{
height: 100%;
}
.fuss{
position: absolute;
bottom: 0;
}
this works for big screens, but if i resize the window to small 15' screen
laptop, footer is going over my Twitter and G+ elements. why is this?
this is the page: http://www.bibago.de/test.html footer works fine in big
screens, but in small screens the footer goes over other elements and
doesnot stay at bottom.
please help.
thanks.