dzydzik

I have designed my first css only template, it works fine in both ie6 and firefox 1.0.6 on my local test server, but once uploaded firefox starts acting odd. Some content (on the front page and the arcade) will slide below the left menu, the same content behave normally on ie. the site is @ www.zydzik.com (yeah i know it's ugly, it's just to test things out ) any assistance would be greatly appreciated.

css:

/* "Zydzik.com - RoyalEdition" Template for Mambo 4.5.2
Copyright 2005 All rights reserved
Dave Zydzik
Zydzik.com
dave@zydzik.com
www.zydzik.com
24 May 2005
*/

/* CSS global reset for all browsers */
* {
padding: 0;
margin: 0;
}

/* Background - a small image goes a long way, and basic font styling */
body {
background: url(../images/body.gif);
text-align: left;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}

/* Now we figure out how wide our main page is - Alignment comes from the margin calls here combined with the text-align: center in the body call*/
#container {
width: 760px;
margin-left: auto;
margin-right: auto;
}

/* Area to put the main heading text in */
#header {
width: 760px;
padding: 0em;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

/* Farhner Image Replacement - the code says its a header with the sitename, so we replace the header text with this header image - sweet :-) )*/
#logo {
background: url(../images/header.jpg) top left no-repeat;
width: 760px;
height: 80px;
text-indent: -5000px;
}

/* Start of the main content once the header has been done */
#core {
text-align: left;
padding: 0em;
}

/* Main content area - faux columns CSS modified from AListApart.com */
/* One image for the background and borders with some padding for the internal layout, so as to move the content text itself off the borders */
#content {
background: url(../images/content.gif);
width: 760px;
padding-top: 10px;
padding-bottom: 10px;
min-height: 400px;
float: top;
display: block;
overflow:auto;
}

/* Split the main content area into two columns - via static widths and a float */
#sidebar {
width: 185px;
padding-left: 15px;
padding-right: 15px;
float: left;
}

#bodytext {
padding-left: 10px;
padding-right: 10px;
width: 525px;
float: left;
}

/* Text catchall */
td,tr,p,div {
font-size: 10px;
list-style-position: inside;
}

/* Footer - need I say more? */
#footer {
background: url(../images/footer.gif);
width: 760px;
height: 20px;
margin-bottom: 20px;
}

/* Mambo specific calls*/

/* Formatting for modules */
table.moduletable {
width: 100%;
}

/* Heading text of the modules */
table.moduletable th {
text-align: center;
color: #FFFFFF;
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
background-image: url(../images/modul.jpg);
background-position: center;
background-repeat: repeat-x;
}

/* content/data text for the modules */
table.moduletable td {
text-align: left;
font-size: 10px;
font-weight: normal;
padding-top: 1px;
padding-bottom: 1px;
}

/* All internal headings, including the contact page */
.contentheading, .componentheading, .contact.th {
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: 12px;
}

/* Small stuff */
.small {
font-weight: bold;
font-size: 9px;
}

.createdate, .modifydate {
font-size: 9px;
}

/* Pathway Defs */
.pathway {
font-size: 10px;
}

a.pathway, a.pathway:visited {
font-size: 10px;
}

a.pathway:hover {
font-size: 10px;
}


.inputbox {
border : 1px solid #999999;
background-color : #EDEDED;
margin-bottom : 5px;
color : #0A1855;
}

.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
background-color : #EDEDED;
color : #000000;
border : 1px solid #CCCCCC;
padding : 2px;
}

/* Page Navigation Defs */
.pagenav {
font-size: 10px;
}

a.pagenav, a.pagenav:visited {
font-size: 10px;
}

a.pagenav:hover {
font-size: 10px;
}

/* Mainlevel Menu Links */
a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/main_nav_norm.jpg) no-repeat;
vertical-align: middle;
font-size: 10px;
text-align: center;
height: 20px;
width: 100%;
text-decoration: none;
line-height: 20px;
}

a.mainlevel:hover {
background: url(../images/main_nav_hover.jpg) no-repeat;
vertical-align: middle;
}

and index.php:

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );?>
<!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>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<meta name="author" content="Zydzik.com" />
<meta name="DC.creator.e-mail" content="web@zydzik.com" />
<meta name="DC.creator.name" content="Zydzik.com" />
<meta name="DC.publisher" content="Zydzik.com" />
<meta name="copyright" content="&copy;2005 Zydzik.com" />
<?php if ( $my->id ) { initEditor(); } ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>
</head>

<body>
<div id="container">
<div id="header">
<h1 id="logo"><a href="<?php echo $mosConfig_live_site;?>" accesskey="1"><?php echo $mosConfig_sitename; ?></a></h1><a href="<?php echo $mosConfig_live_site;?>" id="dcm" title="design - construct - manage"></a>
</div>
<div id="core">
<div id="content">
<div id="sidebar">
<?php mosLoadModules ( 'left' ); ?>
</div>

<div id="bodytext">
<?php mosPathWay(); ?><br/>
<?php mosMainBody(); ?><br/>
</div>
</div>

<div id="footer">
<div align="center">
Site Content & Design © 2005 <a href="<?php echo $mosConfig_live_site;?>" accesskey="1"><?php echo $mosConfig_sitename; ?></a><br/>
</div>
</div>
</div>
</div>
</body>
</html>