Image lock while page is scrolled?

I am lost to what it is called or how to do it. I would like to take the live support icon on my website which is at the bottom right of the pages. I would like to have it locked in place on the right side of the page. When the page is scrolled up or down the icon never moves. How do I do this?

Here is my site.

 

Can't visit the site at this moment. use position fixed for the div or image.

 

add this after direct url of img src
style="position: fixed;"
hope it works..

 

You can try the following -

<div id="rightBottomfixed">
<!--Live Support Code -->
</div>

and in style or css -

#rightBottomfixed {
position: fixed; bottom: 0; right: 0;
}

 

Thanks for all the pointers. I am trying to get the live support to look like this site. I like for the button to me on the top right of the page so visitors can see it better.

 

This has worked for me. However, I like to see about move the button more middle of the screen and not so much on the top right. How do I do that?

 

you see this from shahilroyhere's post?

#rightBottomfixed {
position: fixed; bottom: 0; right: 0;
}

you will need to experiment with the bottom and right attributes

something like this might work:

#rightBottomfixed {
position: fixed; bottom: 50%; right: 0;
}

I used percentages but you can also use px or em

see this for usuage tutorial:
http://www.quirksmode.org/css/position.html

 

That works. I tried messing with the attributes but I now know why it was not working. I forgot to put the px at the end, lol. Thanks for the pointer.