Firefox and ie7 problem

[hemy2000]

Im making a site which uses includes for header and footer files.
But on my products page it doesnt work properly on firefox but does on ie6. Also on ie7 theres a gap inbetween the footer and content with "" in it which isnt anywhere in the code. anyway Im hoping any of you know why these problems are happening. Any help would be great. Heres the url "www.hxtreme.byethost31.com" and heres my style sheet: Cheers..Tom

body{
font-family: Arial, Helvetica, sans-serif;
width: 760px;
color: #333333;
font-size: 80%;
line-height: 1.166;
margin: auto;
background-color: #E6F7FF;
}
h1{
font-size: 18px;
font-style: bold;
}
h2{
color: #999999;
font-size: 16px;
font-style: italic;
}
h3{
color: #FF9900;
font-size: 14px;
font-style: bold;
}
#header{
width: 97.5%;
height: 70px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;
padding-right: 1.25%;
padding-left: 1.25%;
background-image: url(images/background/header.gif);
background-repeat: repeat;
}
.logo_{
float: left;
padding-left: 65px;
}
.ads_{
float: right;
padding-top: 5px;
padding-bottom: 5px;
}
#navigation{
text-align: center;
width: 97.5%;
height: 20px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;
padding-right: 1.25%;
padding-left: 1.25%;
background-image: url(images/background/navigation.gif);
background-repeat: repeat;
}
#content{
width: 97.5%;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
background-color: #FFFFFF;
padding-right: 1.25%;
padding-left: 1.25%;
}
.title{
border-bottom: dashed #F3F3F3 2px;
text-align: center;
padding-top: 1px;
padding-bottom: 1px;
}
.full_{
padding-top: 2px;
padding-bottom: 2px;
}
.contact{
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
}
#content2{
width: 97.5%;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
background-color: #FFFFFF;
padding-right: 1.25%;
padding-left: 1.25%;
}
.desc{
float: left;
padding-top: 2px;
padding-bottom: 2px;
}
.picprice{
float: right;
text-align: right;
padding-top: 20px;
padding-bottom: 2px;
}
#content-tick{
width: 97.5%;
background-color: #FFFFFF;
border-top: solid #F3F3F3 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.cont-tick_{
padding-top: 2px;
padding-bottom: 2px;
}
#footer{
width: 97.5%;
height: 40px;
border-top: solid #000000 1px;
border-bottom: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
padding-right: 1.25%;
padding-left: 1.25%;
background-image: url(images/background/footer.gif);
background-repeat: repeat;
}
.foot_{
float: left;
padding-left: 50px;
text-align: center;
padding-top: 7px;
padding-bottom: 8px;
font-size: 80%;
}
.left{
float: left;
padding-top: 5px;
padding-bottom: 3px;
}
.right{
float: right;
padding-top: 5px;
padding-bottom: 3px;
}

[AndyB]

[code]</div>
<div id="footer"> [/code]
I'd take a look at the footer include and make sure you don't have some invisible control characters in it. If that doesn't help, try removing some of the external javascripts and see if that disappears from the generated source html. Those characters obviously come from somewhere and some component of your php/html/javascript is producing them, not a browser glitch.

[hemy2000]

cheers Andy, It was annoying cos it wasnt in any of the code in the seperate files but was on the web, but I selected the visible code in dreamweaver from the footer.inc and pasted it into a new file and it worked perfectly. I think the new office sharepoint 2007 did it cos I thought id try it, still prefer dreamweaver 8.

Has anyone got any clue why the style sheet for products doesnt work in firefox, its the #content part and ends at #footer in the stylesheet. cheers guys. also tables in the css for like the top banner is 1 pixel too big in ie6 but fine in everything else