Today I have visited a site http://www.sitepoint.com/about/jobs/ . I saw a nice fixed message with an image at the bottom of screen ( Not bottom of page). When I scroll the page from top to bottom or bottom to top, it does not change. It is at same location but I am able to scroll the page. It looks like frame but it is not and most importantly it does not have page rank 0 which means google is accepting this kind of image at bottom of screen. It made me curious to understand how it has been developed and I want my self the same. Then I made my own research but failed to get the solution, how can I do the same with my own image ? I found following style sheet attached to this page: /css2/structure.css?ref=-1090260687 Then I prefixed http : // www. sitepoint .com / with these following code and saw following code which is related to this object, as I belive : /* Forces blocks to enclose their floated children */ .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* This alternative fix works fine, but it's disabled to troubleshoot CatFish */ /*.clearfix { overflow: hidden; }*/ /* Don't know why we'd need this rule, but it was here when CatFish worked */ .clearfix { display:block; position:relative } * html .clearfix { /* This should be moved to ie.css, as IE7 doesn't support * html */ height: 1%; } /* END: Forces blocks to enclose their floated children */ Can any body help me how to proceed further to develop same kind of box at bottom of my website screen. There is one more important information : If you press "refresh button" page load again but this box at bottom does not appear now. But I want it to be appear permanently and I do not want to use frames for this which is not liked by search engines. Regards Jayesh Lodha