IE 6 Bug, not on 7 ? Layouts all over the place. please help!

[scotchegg78]

I am getting some massive background issues of colour showing through and big gaps appearing on IE 6 and not 7?

Below is a screen if anyone needs to see it, it appears correctly without any of the green bars on IE 7 ?

 

for example this is how it should and does look in my IE 7..

 

the html code section is..

<div id="prefooter">

<div id="nextevent">Our Next Event</br>Knowle Cricket Club</br>10am - 4pm<div id="star"></div></div>

  	  
</div>


<div id="footer">
	<a href="index.html">Home</a> | 
	<a href="about.html">About</a> | 
	<a href="programs.html">Programs</a> | 
	<a href="coaches.html">Coaches</a> | 
	<a href="testimonials.html">Testimonials</a> |
	<a href="locations.html">Locations</a> |
	<a href="contact.html">Contact</a> |

<br />
  Copyright © 2007 Complete Cricket - Design: Peter Sparks	</div>
</div>
</body>
</html>

 

and the relevant css..

#nextevent
{
background: url("next.jpg") no-repeat;
  padding: 15px 10px 100px 30px;
    margin: 0px 10px 100px 230px;
}
#nextevent p
{

}
#star
{
position:relative;
top:-40px;
background: url("starsticker.jpg") no-repeat;
  padding: 130px 0px 0px 0px;
    margin: 0px 0px 0px 240px;
}
#star p
{

}
#prefooter {
clear: both;

background: #fff url("prefooter2.jpg") center no-repeat;
height: 169px;
padding: 0px 0px 0px 70px;
background-color: #0f0;
}


#prefooter p {
    width: 350px;
    padding: 12px 0px 10px 500px;
    margin: 0px 0px 3px 0px;

}


#prefooter a {
color: #B60400;
font-size: 9pt;
font-weight: bold;
padding: 0 0px 0px 0px;
}

#content {
margin-right: 280px;
line-height: 18px;
padding-left: 20px;
}

#content .padding {
padding: 5px;
background-color: #fff;
}



#footer {

background: #ebebeb url("footer2.gif") top no-repeat;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #505050;
padding: 10px 0px;
text-align: center;

}

 

thanks for any help?

 

 

[ToonMariner]

can we have a link to the page please? I like to play with my web developer tool bar on them to sse whats going on...

[mainewoods]

It must be this class and whatever uses it because it's the only one with a background color of green specified:

#prefooter {
clear: both;

background: #fff url("prefooter2.jpg") center no-repeat;
height: 169px;
padding: 0px 0px 0px 70px;
background-color: #0f0;
}