Background different images

See this:

http://mendhak.worldjunkie.com

Notice the black background (with the frog on a branch).

Now this image is 800*600, I also have a 1024 resolution of the same image. How can I specify the appropriate background for people with different resolutions?

Also, I understand that for 800*600, I shouldn't put an 800*600 image, but it should be a little smaller... what should this dimension be? and for 1024?

Thanks.

I've a suggestion. You can insert the picture within a div tag and move it to the correct position at the page for every resolution. A nice idea might be that, if the user resizes its browser, to reposition the picture.
For the actual content of the page you can use another div tag, which you let start at the top left corner of the page.

The picture-divshould come before the content-div of course.

Oh, another tip: it might be necessary to use another editor (like a text editor), but I've no idea of the capabilities of frontpage.

Saw this within the source ;)

Code:

---

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">

---

The two frontpg tags you mentioned aren't necessary.

As for your div tip, it will work, no doubt, but I wanted to use two different images for two different resolutions. Your method serves to reposition the image for any one resolution.

I vaguely remember a method to do this in CSS, but I don't even know if memory serves me right here.

Jump.