Just on pages where my content falls over the default page and you have to scroll it mucks up on IE7, the content falls underneath the footer ...

this is what it should look like (and does in FF and in IE6)




and this is what comes up in IE7




You can have a look at it yourself - www.indidesigns.com.au specifically on the web design page


My basic stylesheet goes as follows:

body {
	background-color: #400B35;
	}
#header {
	width: 100%;
	display: inline;
}

#main {
	width: 100%;
	background-image: url(images/indi_20.gif);
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;
}
#footer {
	width: 100%;
	display: inline;
	margin-right: auto;
	margin-left: auto;
}
#contentstarts {
	width: 100%;
	background-image: url(images/images/indi_17.jpg);
	background-repeat: no-repeat;
	height: 343px;
}
#content {
	width: 742px;
	margin-left: 26px;
	background-repeat: no-repeat;

}
#text {
	width: 100%;
}

#fullcol {
	float: left;
	width: 700px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

and the basic layout is like this:

<div id="wrapper">
    <div id="headerdiv>
    <div id="main">
      <div id="content">
        <div id="contentstarts">
		  <div id="text">
		  <div id="fullcol">
			CONTENT GOES HERE
		div>
	
		  <br />
		  <br />
		  <br />
		  <br />
		  <br />
		  <br />
		  <br />
		  <br />

		  <br />
		  <br />
		  <br />
		  <br />
		  div>
		  <p>&nbsp;p>
        div>
      div>
	  <div id="footer"><img src="images/indi_21.gif" width="800" height="45" alt="" />div>

    div>
div>
<div align="center" class="footer">:: Indi Web + Graphic Design :: div>
  body>