Viewing Thread:
"Bitta help pwease"

[URL]http://www.matsandslats.com/[/URL]

Does anyone know why Firefox leaves a gap at the top of the page whereas IE doesn't? I want to get rid of that gap. Any ideas?

You legend, Tyla. I need to get me a book on CSS!

How queer.

Got it... It's to do with the float. Take out "float:left;" from the first div.

#topbanner {
background-image: url('images/supreme.jpg');
background-repeat: no-repeat;
height: 134px;
width: 720px;
}

Viola

There is an odd bug in FF when using relative & Positioned divs. I've had this problem before, but for the life of me I cant remeber how I fixed it.

Have you tried abs positioning the div to 0,0 to see what happens?

Even that doesn't work for me! I deleted the DOCTYPE and used the topmargin attribute in the body tag and it still didn't work....this is most peculiar.

topmargin="0" in the works for me.

EDIT - But it looks like you would have to lose the second part of your DOCTYPE to allow it: "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd"> ???


Digital-Knight got a ring to it...

Nope, still no luck...

body {
margin: 0px;
width: 720px;
}

No padding defined possibly. IE will ignore it, FF will assign the default if no value declared.

Also, try removing the whitespace in the top few divs

[URL]http://www.matsandslats.com/[/URL]

Does anyone know why Firefox leaves a gap at the top of the page whereas IE doesn't? I want to get rid of that gap. Any ideas?