Well that seemed to be one piece of it. Now at least I get a placeholder that is the same size as the image and the image mapping is active but no image. Here is the code, as you can see it is the most basic it could be. I have tried the link to the images as the actual URL path and as ./images/main.JPG. Both produce the exact same thing.
edit: I just found out that if you go to http://heatherdmcgee.cultofnot.com and then http://heatherdmcgee.com the image shows up , but if you hit f5 the image reverts back to a placeholder. This seems like very odd behavior.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<img src="http://heatherdmcgee.com/images/main.JPG" width="626" height="511" hspace="300" vspace="0" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="515,11,585,56" href="http://heatherdmcgee.com/about.htm" target="_self">
</map>
</body>
</html>