How to make to fit, and no repeat.

<a href="" onMouseOver="document.body.background='http://www.travelblog.org/Wallpaper/pix/tb_fiji_sunset_wallpaper.jpg'">SunSet</a>


This script change your background, but it repeats, it`s not stable and don`t fit in page.
I want to be static and no repeat.

If anybody help..

Thanks

 

you can specify background-repeat as no-repeat in css of body, however i feel image size and client resolution size can create problem if you have kept a fluid design.

If screen resolution is fixed then little css tweaks can make it correct.

background-repeat: no-repeat;
width:100%;
height:100%;