I have been searching around for about an hour but have not been able find anything addressing the specifics of my problem. I am using Dreamweaver to build a site for someone and 2 of the images are shifting in both Firefox and Netscape. The page is set up from a template though I am sure it has to do with browser issues rather than Dreamweaver issues. It displays fine in IE, but I always cross check in FF and NS as well. Here is the page: http://www.studio718hair.com/massage.html
And here is my code. I am using tables, but really have been doing this for some time and have never had an image shift problem like this going from one browser to the other. It is usually other problems that come up.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Welcome to Studio 718 LaSalle</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<script type="text/javascript" language="JavaScript1.2" src="../stmenu.js"></script>
<link href="../bgcolor.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.breadcrumbstext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #585655;
}
.breadcrumbstext a {
color: #585655;
}
.breadcrumbstext a:link {
color: #585655;
}
.breadcrumbstext a:visited {
color: #292929;
}
.breadcrumbstext a:hover {
color: #ffffff;
}
.bodytext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
}
-->
</style>
</head>
<body class="bgcolor">
<table width="721" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" valign="top"><img src="../images/header_inside.gif" alt="Studio 718 Downtown LaSalle Hair Salon" width="721" height="31" longdesc="../images/header_inside.gif" /></td>
</tr>
<tr>
<td colspan="5" valign="top" height="1"> </td>
</tr>
<tr>
<td colspan="5" valign="top"><!-- TemplateBeginEditable name="main picture" --><img src="../images/massage_pic.jpg" alt="relax with massage therapy" width="721" height="82" longdesc="../images/massage_pic.jpg" /><!-- TemplateEndEditable --></td>
</tr>
<tr>
<td valign="top" width="63"><img src="../images/inside_menu01.gif" alt="graphic piece next to menu 1" width="63" height="26" longdesc="../images/inside_menu01.gif" /></td>
<td valign="top" width="32"><img src="../images/inside_menu02.gif" alt="graphic piece next to menu 2" width="29" height="26" longdesc="../images/inside_menu02.gif" /></td>
<td valign="top" width="529"><script type="text/javascript" language="JavaScript1.2" src="../insidemenu.js"></script></td>
<td valign="top" width="39"><!-- TemplateBeginEditable name="menu piece 3" --><img src="../images/inside_menu03.gif" alt="graphic piece next to menu 3" width="40" height="26" /><!-- TemplateEndEditable --></td>
<td valign="top" width="61"><!-- TemplateBeginEditable name="menu piece 4" --><img src="../images/inside_menu04.gif" alt="graphic piece next to menu 4" width="61" height="26" longdesc="../images/inside_menu04.gif" /><!-- TemplateEndEditable --></td>
</tr>
<tr>
<td colspan="5" valign="top" height="1"> </td>
</tr>
<tr>
<td colspan="5" valign="top"><img src="../images/top_shadow.gif" alt="shadow under menu" width="721" height="16" longdesc="../images/top_shadow.gif" /></td>
</tr>
<tr>
<td width="63" rowspan="2" valign="top" bgcolor="#DEDEDE"><!-- TemplateBeginEditable name="left shadow" --><img src="../images/inside_left.gif" alt="shadow on left side" width="63" height="24" longdesc="../images/inside_left.gif" /><!-- TemplateEndEditable --></td>
<td colspan="3" valign="top"><!-- TemplateBeginEditable name="page title" --><img src="../images/title_massagetherapy.gif" alt="massage therapy" width="597" height="24" longdesc="../images/title_massagetherapy.gif" /><!-- TemplateEndEditable --></td>
<td width="61" rowspan="2" valign="top" bgcolor="#DEDEDE"><!-- TemplateBeginEditable name="right shadow " --><img src="../images/inside_right.gif" alt="shadow on right side" width="61" height="24" longdesc="../images/inside_right.gif" /><!-- TemplateEndEditable --></td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#AFB0AC"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td width="5%" valign="top"> </td>
<td width="89%" valign="top"><span class="breadcrumbstext"><a href="http://www.studio718.com/index.html" class="breadcrumbstext">home</a> > <!-- TemplateBeginEditable name="breadcrumbs" --><span class="breadcrumbstext">our services > massage therapy</span><!-- TemplateEndEditable --></span> </td>
<td width="6%" valign="top"> </td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top" class="bodytext"><!-- TemplateBeginEditable name="body" -->
<p>Massage gives you a roadmap of stress areas in your body. Many times people don't <br />
know how much stress they're carrying until they have a massage; then they're able <br />
to feel it and let go of it. As the massage therapist stretches and loosens muscles and <br />
connective tissues, stress and muscular tension are released. Once you have an <br />
awareness of where stress lodges in your body, you can begin to do something about it. <br />
You start to educate yourself and your body, and you reverse a negative cycle.</p>
<p>Schedule a relaxing massage with Michelle.</p>
<!-- TemplateEndEditable --></td>
<td valign="top"> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
