... Im trying to do this stuff just for fun on page. And i have occurred a problem.  Thing is, i want to have a little part of human head on bottom of page and when you hover it, it slides up. But not with slide up, but with animate... (Slideup looks really bad with pictures).

This is actually working, but thing is, i dont know how t css it :D

I have just image in div on bottom of page like this:

1. .redneckClass{
   position: absolute; left: 45%; bottom: -500px;
   overflow: inherit;
   }
   #redneck{
   position: relative;
   
   }
   
   
   
   
   
   
   

If im trying to hide it with overflow, it just rolls into itself... Andybody knows? 

1. $('.redneckClass').hover(
   function(){
   $('#redneck').animate({bottom:220}, 1000);
   },
   function () {
   $('#redneck').animate({bottom:0}, 1000);
   });