place element at the bottom of page and prevent from scrolling using css

Question

I want to place this div at the bottom of the screen, and it should stay at the bottom even when there is a scroll. But now it moves when I scroll:

<div style="color:#FFF; position:absolute; bottom:0px;">
<?php
$time_taken=round(getmicrotime()-$time_start,4);
echo"Generated in ".$time_taken." seconds";
?>
</div>

Answer 1

You need to set the position to fixed and set top and left properties accordingly.

Here is how to create it.