However, an image with large dimensions can take a great deal of time to download on a slow connection, and if you place the background image code in the section of an HTML document, it can delay ...

I added to the end of my line: background-repeat: no-repeat; and also noticed that my layout table is 1029X something so I changed it to 1029X768 and the repeated image is now gone.

Click the "Background" tab and select "Graphic" from the "As" menu. Click the "Browse" button, select your background image and click the "Open" button. Select a graphic option in the "Type" section.

You need to remove the image that is currently in your background by clicking on the grey dot in the top left corner. This will remove the image and allow you to add a new one.