please look at this link

http://www.sudhakargolakaram.co.in/files/slide.html

1.
my question is how do i position a div below the bottom of the screen

in the link above i have <div style="display: block;" id="content"></div> and i have positioned this div to be at the bottom of the screen and it is working fine however what i actually need is this div should be placed below the bottom of the screen so that this div does not appear at all when the page loads and using jquery animate method i would like to bring this div from below the bottom of the screen to 100px vertically up

2.
as of now i am using
$("#content").animate({bottom:'100px', left:'0px'},1500);

with this the div is animating but to this animation i want to add an easing effect like
http://gsgd.co.uk/sandbox/jquery/easing/

i have added jquery.easing.1.3.js but not sure how i can combine animate method with the easing method so that i can get the content div to animate and also have an easing effect

please advice

thanks

for the first question, a solution might be an empty div with a 100% height. and after that your content div

Try this...

#DIV {Width:blah;
Height:Blah;
position:absolute;
left:0px;
top:900px;}

Where Left/Top equal the coordinates you want it to appear.

Wow.. you guys sure do try to complicate things. Just use something like a big negative margin and then have it change in your jquery -- or.. display: none and allow the jquery to change that.