How to make a photo to overlap site contents

How can I make chat picture overlaps site contents.

http://ift.tt/1AreYxv

the CSS code

    <style>
 .livezilla{ 
float:right;
position: fixed;
bottom: 0px;
}
</style>

The live chat bottom code

<div class="livezilla" style="text-align:right;width:201px;"><!-- LiveZilla Chat Button Link Code (ALWAYS PLACE IN BODY ELEMENT) --><!-- LiveZilla Tracking Code (ALWAYS PLACE IN BODY ELEMENT) --><div id="livezilla_tracking" style="display:none"></div><script type="text/javascript">
var script = document.createElement("script");script.async=true;script.type="text/javascript";var src = "http://ift.tt/1vNFi9q"+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script><noscript><img src="http://ift.tt/1GCNwCu" width="0" height="0" style="visibility:hidden;" alt=""></noscript><!-- http://ift.tt/ZesBNO Tracking Code --><a href="javascript:void(window.open('http://ift.tt/1GCNyKz','','width=590,height=760,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))" class="lz_cbl"><img src="http://ift.tt/1vNFi9s" width="201" height="53" style="border:0px;" alt="LiveZilla Live Chat Software"></a><!-- http://ift.tt/ZesBNO Chat Button Link Code --><div style="margin-top:2px;"><a href="http://ift.tt/ZesBNO" target="_blank" title="LiveZilla  Live Chat" style="font-size:11px;color:#b7b7b7;text-decoration:none;font-family:verdana,arial,tahoma;"> </a></div></div>

The problem occur because of position: fixed; in CSS.

Is there any way to fix it ?