hey i have an image that won't display on my website

Hi, i was wondering if anyone could help me. I have an image on my website that just comes up with an outline and the little error thing in the upper left corner. The image name is firstpageimages.gif. it has z-index 1 and everything else is 2 and the background is 0. I'll post the html and css. The website is www.marksbodyshop.org Thank you very very much.

html:
<div id="first">
<img style="position:absolute;z-index:1;top:0;left:0;" src="...images/firstpageimages.gif">
</div>

main.css:
#first {
width:100%;
height:100%;
}

defult.css:
#first {
width:100%;
height:100%;
}

defult2.css:
#first {
width:100%;
height:100%;
}

If the “little error thing” comes up then the file path is wrong or the image isn’t existing, I can tell you that without even finishing to read your post. Now, I did read on a little further and can then also tell you that if this (...images/firstpageimages.gif) is actually the value of the src attribute then no wonder it can’t find and show the image. Assuming that your image is in a directory called “images” on the same level as your HTML file the file path must look like images/firstpageimages.gif. If the image directory is one level above the HTML file (i. e. the HTML file is in a directory itself that is on the same level as the images directory) the file path must be ../images/firstpageimages.gif (two periods and a slash).

And P. S.: The img element requires an alt attribute, even if you leave value empty.

that fixed it thanks.