Image

Imageerase wrote in Imagewebdev

FF bug?

Hi Guys, I'm trying to figure out what is breaking up my css on Firefox, I can't see anything out of the ordinary going on here. Please see code & screenshots behind the cut



it works well in IE:
Image

but not so well in FF: (note the breaks in the images)
Image


here is my CSS:

body {
background-color: #370F16;
}

#wrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 800px;
}

#header {
margin: 0;
}

#side-a {
float: left;
width: 98px;
}

#side-b {
float: right;
width: 96px;
}

#content {
float: left;
width: 75%;
margin: 0px;
}

#footer {
clear: both;
background: #A2A2A2;
margin: 0px;
}

#menu {
width: 606px;
}

#main {
margin: 0px;
background-image: url(images/indi_11.gif);
overflow: auto;
height: 438px;
background-repeat: repeat-x;
width: 100%;
}


and here is my HTML:



Can anybody see the culprit? I've tried playing around with all margins etc around the header and footer (which is where the lines seem to appear) but to no avail. ..

thanks in advance :)