Position off in FF, OK in IE6

In IE6, my page looks good, but when I test it in FF the position of one of my <div>'s is off - the item moved to the left, covering another <div>. I have no idea how to correct this...any suggestions? Perhaps my doctype is wrong? Following is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>

<title>hometest 39</title>

/***********************************************
* Tab Content script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at [dynamicdrive.com...] for full source code
***********************************************/

</script>

body {
background color: #400000;
text-align: center;
}

#container {
text-align: center;
background-image: url("bg10.gif");
background-repeat: no-repeat;
background-position:top;
margin: 0 auto;
width: 755px;
height:519px;
}

#leftnav{
position: relative;
top: 140px;
left: -275px;
}

#mainimage {
position: relative;
left: -25px;
top: -30px;
}

#smallimages {
position: relative;
left: 210px;
top: -218px;
}

#tabbedcontent {
position: relative;
top: -200px;
left: 0;
}

#footer{
position: relative;
top: 80px;
left: 0px;
}

</style>

</head>

//HV Menu v5.411- by Ger Versluis (http://www.burmees.nl/)
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
//Visit [dynamicdrive.com...] for this script and more

function Go(){return}

</script>
<script type='text/javascript' src='exmplmenu_var8.js'></script>
<script type='text/javascript' src='menu_com8.js'></script>
<noscript>Your browser does not support script</noscript>

<div id="leftnav">
<div id="dhtmlgoodies_menu">
<ul>
<li><a href="#"><img src="Image82.jpg" alt="what"></a>
<ul>
<li><a href="#">Condominiumn Communities</a></li>

<li><a href="#">Single Family Home Communities</a></li>

</ul>
</li>

<li><a href="#"><img src="Image83.jpg" alt="where"></a>
<ul>
<li><a href="#">Ann Arbor</a></li>
<li><a href="#">Dexter</a></li>
<li><a href="#">Grass Lake</a></li>
<li><a href="#">Jackson</a></li>
</ul>
</li>
<li><a href="#"><img src="Image84.jpg" alt="when"></a>
<ul>
<li><a href="#">Quick Delivery Homes</a></li>
<li><a href="#">Ready to Build Homes</a></li>
</ul>
</li>

<li><a href="#"><img src="Image85.jpg" alt="about"></a>
<ul>
<li><a href="#">Community Profile</a></li>
<li><a href="#">City Profile</a></li>
</ul>

</ul>
</div>

</div>

</div>

<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#" rel="tcontent1">Awards</a></li>
<li><a href="#" rel="tcontent2">Norfolk Family History</a></li>
<li><a href="#" rel="tcontent3">Norfolk News</a></li>
<li><a href="#" rel="tcontent4">Events</a></li>
<li><a href="#" rel="tcontent5">Coming Soon</a></li>

</ul>

<div id="tcontent1" class="tabcontent">
<img src="awards3.jpg" align="left"><br><br>2005 recipient of the Best in America Living Award for our Oak Grove and Eaton Court homes presented by Professional Builder Magazine.
</div>

<div id="tcontent2" class="tabcontent">
Since 1993, Norfolk Homes has been building quality homes in lower Michigan. We realize a a home is where dreams are made and <a href="#">read more</a><br />
</div>

<div id="tcontent3" class="tabcontent">
Norfolk Homes launches www.mynorfolkhome.com, a platform for homeowners to showcase their new home during the build process. <a href="#"> Learn more.</a><br />
</div>

<div id="tcontent4" class="tabcontent">
Basement Kick-Off party at our Tamarack Glen model home. Tour this expansive Springfield home and watch the game in the finished basement.<br />

</div>

<div id="tcontent5" class="tabcontent">
Westchester Farms, coming soon to Chelsea, MI. Stacked ranch and single family homes, located just west of downtown Chelsea, within the city limits.<br />
</div>

</div>

</div>

</body>
</html>

Position off in FF, OK in IE6

kslnor

Fotiman

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week