Does my HTML page refer to an image correctly but it will not display?


I uploaded a "test.html" page to my website, in the root folder, as well as a "filmandmusic.jpg" image (also in the root folder). The image is displaying as a broken jpg, even when I go to the URL of the image itself.

What am I doing wrong?

Note: this only happens after uploading the site, I'm using Dreamweaver to design my site and everything looks fine when I'm editing the page locally. I'm uploading with FileZilla.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<p>This is a test page. The "film and music" image should display itself below.</p>
<img src="filmandmusic.jpg" height="75" width="525"/>

Your HTML has nothing wrong in that.
if you go to your website root folder and then open your image, you will see that this image has this form so the uploaded image may be wrong