Div+css picture absolutely bottom positioning and does not scroll with the scroll bar implementation code

Tip: You can modify some of the code before running

<style type= "Text/css" > #lee {z-index:100;background: #F16280; width:100%; position:fixed; height:31px; left:0; bottom:0;} </style> <!--[if LTE IE 6]> <script type= "Text/javascript" > if (typeof document.compatmode!= ') Undefined ' &&document.compatmode!= ' Backcompat ') {cot_t1_doctp= "_top:expression_r_r_r ( Document.documentelement.scrolltop+document.documentelement.clientheight-this.clientheight); _left:expression_r _r_r (Document.documentElement.scrollLeft + document.documentelement.clientwidth-offsetwidth);} ";} else{cot_t1_doctp= "_top:expression_r_r_r (document.body.scrolltop+document.body.clientheight-this.clientheight) ; _left:expression_r_r_r (Document.body.scrollLeft + document.body.clientwidth-offsetwidth);} ";} var lee_bodycss= ' * HTML {} '; var leecss= ' #lee {position:fixed; var leecss=leecss+ ' _position:absolute; '; var leecss=leecss+ ' width:100%; '; var leecss=leecss+ ' bottom:0px; '; var leecss=leecss+ ' right:0px; '; var leecss=leecss+ ' clip:rect (0 100% 100% 0); '; VAR leecss=leecss+cot_t1_doctp; document.write (' <style type= ' text/css ' > ' +lee_bodycss+leecss+ ' </style> '); </script> <! [endif]--> <!--[if LTE IE 7]> <script type= "Text/javascript" > if (typeof document.compatmode!= ' Undefined ' &&document.compatmode!= ' Backcompat ') {cot_t1_doctp= "_top:expression_r_r_r ( Document.documentelement.scrolltop+document.documentelement.clientheight-this.clientheight); _left:expression_r _r_r (Document.documentElement.scrollLeft + document.documentelement.clientwidth-offsetwidth);} ";} else{cot_t1_doctp= "_top:expression_r_r_r (document.body.scrolltop+document.body.clientheight-this.clientheight) ; _left:expression_r_r_r (Document.body.scrollLeft + document.body.clientwidth-offsetwidth);} ";} var lee_bodycss= ' * HTML {} '; var leecss= ' #lee {position:fixed; var leecss=leecss+ ' _position:absolute; '; var leecss=leecss+ ' width:100%; '; var leecss=leecss+ ' bottom:0px; '; var leecss=leecss+ ' right:0px; '; var leecss=leecss+ ' clip:rect (0 100% 100% 0); '; var leecss=leecss+cot_t1_doctp; document.write (' <style type= ' text/css ' > ' +lee_bodycss+leecss+ ' </style> '); </script> <! [endif]--> <!--[if LTE IE 8]> <script type= "Text/javascript" > if (typeof document.compatmode!= ' Undefined ' &&document.compatmode!= ' Backcompat ') {cot_t1_doctp= "_top:expression_r_r_r ( Document.documentelement.scrolltop+document.documentelement.clientheight-this.clientheight); _left:expression_r _r_r (Document.documentElement.scrollLeft + document.documentelement.clientwidth-offsetwidth);} ";} else{cot_t1_doctp= "_top:expression_r_r_r (document.body.scrolltop+document.body.clientheight-this.clientheight) ; _left:expression_r_r_r (Document.body.scrollLeft + document.body.clientwidth-offsetwidth);} ";} var lee_bodycss= ' * HTML {} '; var leecss= ' #lee {position:fixed; var leecss=leecss+ ' _position:absolute; '; var leecss=leecss+ ' width:100%; '; var leecss=leecss+ ' bottom:0px; '; var leecss=leecss+ ' right:0px; '; var leecss=leecss+ ' Clip:rect (0 100% 100% 0); '; var leecss=leecss+cot_t1_doctp; document.write (' <style type= ' text/css ' > ' +lee_bodycss+leecss+ ' </style> '); </script> <! [endif]-->//usage is as follows <div id= "Lee" ></div> </td> </tr> </table>

Tip: You can modify some of the code before running