how to apply background iframe to an image?

I am using wordpress blog on my site: http://sunite.co.uk I want to rotate background image on the current theme:Techified The background image i want to rotate using openx is: http://sunite.co.uk/images/background.html

The code on the stylesheet.css for this is:

/************************************CONTENTAREA****************************************开发者_如何学运维****/
#content_area {
 border-top: 1px solid #FFFFFF;
 background: url(http://sunite.co.uk/images/background.html);
 overflow: hidden;
 padding: 0px 0px 10px 0px;
 position: relative;

Please HELP!

You can specify only images and colours as the page background. To have a HTML page as the background of another page (which is a bad and resource-consuming idea in 99.99999999% of cases!!) you would have to integrate an absolutely positioned IFRAME to that page.

You are pointing to a web page - the image on the page is at http://vistawallpapers.files.wordpress.com/2007/03/vista-wallpaper-grass-ripples.jpg

So to set it as a background, use:

background: url(http://vistawallpapers.files.wordpress.com/2007/03/vista-wallpaper-grass-ripples.jpg);

As Jimmy Shelter says, hot-linking an image off someone else's site is bad practice - what if tomorrow they change the image to something completely inappropriate?