Ok, so I'm working on my website and trying my best to make it work in both FF and IE. I never use IE but realized a couple days ago that I need to be making sure it all looks ok in IE. Anyways, my site shows up exactly how I want it to in FF, however I am having a problem with the footer displaying twice in IE and only on some pages. See the following 2 images. The first image is from when I open my site in IE, sometimes the image site is displayed as a big box almost, i.e. the massive grey area is supposed to be split up(see bottom pic for example). And in the second picture, the site displays almost how I want it to, however it appears that a second footer is displaying above the normal footer.




However, on any of the tutorials pages the site displays fine.



The following code is of one of the pages that DOES NOT display correctly in IE:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<meta name="description" content="3D Tutorials/Textures/Models/Forums 3dminion.com is your source for what you need!">
<meta name="keywords" content="3ddesign, animation, gallery, models, 3dsmax, autodesk, 3d graphics, maya, CG, CG news, rendering, forums ">
<link href="<?php $_SERVER['DOCUMENT_ROOT']; ?>/inc/style.css" rel="stylesheet" type="text/css">
<title>3DMinion.com - Home - 3D Design/Animation/Models/Tutorials CG Industry News</title>
<body>
  <div id="page">
    <!-- Start Navigation+Header -->
    <div id="header">
      <div id="nav">
        3DMinion.com &nbsp;<?php include($_SERVER['DOCUMENT_ROOT']."/inc/mainnav.inc"); ?>
      </div>
    </div>
      <!-- End Navigation+Header -->
      
      <!-- Begin Main Content -->
      <div id="maincontent">
        <div id="leftbar">
        <div id="leftnav">
          <?php include($_SERVER['DOCUMENT_ROOT']."/inc/mainleft.php"); ?>
        </div>
        </div>
        <div id="hometopic">
          <h2>Latest Tutorials</h2>
        </div>
        <div id="banner1">
        <script type="text/javascript"><!--
google_ad_client = "pub-5849494862068838";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "image";
//2007-09-25: 3dminion.com
google_ad_channel = "3300720468";
google_color_border = "333333";
google_color_bg = "161616";
google_color_link = "DDDDDD";
google_color_text = "DDDDDD";
google_color_url = "008000";
google_ui_features = "rc:10";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
        </div>
        <div id="homecontent">
          <?php include($_SERVER['DOCUMENT_ROOT']."/tutorials/latesttuts.php"); ?>
        </div>
        <div id="hometopic">
          <h2>News</h2>
        </div>
        <div id="homecontent">
          <?php include($_SERVER['DOCUMENT_ROOT']."/news/latestnews.php"); ?>
        </div>
      </div>
      <!-- End Main Content --> 
    <div id="footer">
      <?php include($_SERVER['DOCUMENT_ROOT']."/inc/footer.php"); ?>
    </div>
  </div>
</body>
</html>
Here is the .css for the layout:

HTML Code:
* {
 margin: 1px 1px 1px 1px;
}

BODY {
  background: #262626;
  color: #DDD;
  text-align: center;
}

DIV {
  border: none;
}

H1 {
  font: bold 1em Tahoma;
  color: #2F3C55;
  text-indent: 5px;
  background-image: url('../images/navbg2.jpg');
  text-align: left;
}

H2 {
  font: bold 1em Tahoma;
  color: #4C5F83;
}

H3 {
  font: bold .9em Tahoma;
  margin-bottom: 5px;
  color: #A5B5D3;
  background: #454545;
  text-align: center;
}

IMG {
  border: none;
  text-align: center;
}

P {
  font: normal .7em Tahoma;
  background: #454545;
}

a:link, a:visited {
  color: #A5B5D3;
}

a:hover {
  color: #4C5F83;
}

#page {
  margin: auto;
  width: 1024px;
  text-align: center;
}

#header {
  margin: auto;
  width: 1018px;
}

#nav {
  margin: 5px 0px 0px 0px;
  width: 1000px;
  color: #4C5F83;
  font: bold 1em Tahoma;
  background: #262626;
  border-top: solid 1px #4C5F83;
  border-bottom: solid 1px #4C5F83;
  text-align: center;
}

  #nav li {
    display: inline;
    margin: 0px 15px 0px 15px;
  }

  #nav a:link, #nav a:visited {
    color: #4C5F83;
    border-left: solid 2px #4C5F83;
    border-right: solid 2px #4C5F83;
    padding-left: 4px;
    padding-right: 4px;
    font: bold 1em Tahoma;
    text-decoration: none;
  }

  #nav a:hover {
    background: #454545;
    color: #A5B5D3;
  }

#maincontent {
  margin: 15px 1px 15px 1px;
  width: 1018px;
}

#leftbar {
  margin: 0px 10px 5px 0px;
  width: 150px;
  height: 600px;
  float: left;
  text-align: center;
}

  #leftbar P {
    background: #454545;
    color: #4C5F83;
    margin: 5px 0px 0px 0px;
    font: bold .9em Tahoma;
    text-align: center;
  }

#leftnav {
  margin: 15px 0px 5px 0px;
  text-align: left;
  width: 150px;
  background: #262626;
  font: bold .8em Tahoma;
  color: #4C5F83;
  text-indent: 5px;
  }

  #leftnav ul {
    margin: 0px 0px 2px 0px;
    padding: 0;
    border-left: solid 3px #4C5F83;
  }

  #leftnav ul ul {
    padding: 0;
    border-left: solid 7px #4C5F83;
    margin: 0px 0px 0px 0px;
  }

  #leftnav ul ul li {
    margin: 0px 0px 0px 0px;
    padding: 0;
    border-bottom: solid 1px #262626;
  }

  #leftnav li {
    width: 100%;
    list-style: none;
    margin: 0px 0px 0px 0px;
    border-top: solid 1px #262626;
    background: #454545;
  }

  #leftnav li a:link, #leftnav li a:visited, #footer a:link, #footer a:visited {
    color: #4C5F83;
    text-decoration: none;
  }

  #leftnav li a:hover, #footer a:hover { 
    color: #A5B5D3;
  }

#topic, #hometopic {
  margin: 15px 0px 10px 0px;
  width: 675px;
  float: left;
  background: #454545;
}

  #content {
    width: 675px;
    margin: 0px 0px 10px 0px;
    padding-top: 5px;
    text-indent: 5px;
    float: left;
    text-align: left;
    background: #454545;
  }

  #content a:link, #content a:visited, #homecontent a:link, #homecontent a:visited {
    color: #A5B5D3;
  }

  #content a:hover, #homecontent a:hover {
    color: #4C5F83;
  }

  #homecontent {
    width: 675px;
    margin: 0px 0px 10px 0px;
    padding-top: 5px;
    text-indent: 5px;
    float: left;
    text-align: left;
    background: #454545;
  }

#banner1 {
  width: 160px;
  height: 600px;
  margin: 10px 0px 10px 0px;
  float: right;
}

#footer {
  width: 1018px;
  background: #454545;
  margin: 10px 0px 0px 0px;
  clear: both;
  float: left;
  font: normal .8em Tahoma;
  color: #BBBBBB;
}

  #footer ul {
    list-style: none;
  }

  #footer li {
    display: inline;
    margin: 2px 5px 2px 5px;
  }

#tutsubmit {
  margin: auto;
  width: 300px;
  padding: 5px;
  background: #353535;
}

#latesttuts {
  margin: 25px 0px 0px 0px;
  width: 650px;
  padding: 5px;
}

#contentbanner {
  margin: 15px auto 15px auto;
  width: 468px;
  height: 15px;
}

.date {
  font: normal .7em Tahoma;
}

.link {
  font: bold .7em Tahoma;
}
So with that said, can anybody see what I am missing or an extra piece of code laying around? Usually I can figure this sort of stuff out since I am not a complete noob with html/css/php, however I can't seem to find my error.