Website Help w/Firefox

[PhoenixDesign]

I have been working on this site... http://www.tacomaphoenix.com/eaglegroup/ ... and for some reason when i look at it in IE7 it looks fine but in Firefox it has a gap right at the top of my content boxes. I'm sure i am missing some stupid piece of code that is probably obvious but i have been racking my brain and can't figure it out. I used a basic 3 column layout i got from codesucks.com you can see the css here http://www.tacomaphoenix.com/eaglegroup/main.css

Any help would be very much appreciated.

Thanks!

Rex Stevens

[zumojuice]

mmmmm not sure, maybe somethings got some padding somewhere...

[Arkady]

Insert:

*{
padding: 0;
margin: 0;
}

at the beginning of your style sheet to reset all margins and padding to zero.

[blueocto]

Nah can't seem to see any issues with padding, I can't honestly figure it out but something tells me its to do with the placement/styling of the div's ...

[blueocto]

Originally Posted by Arkady

Insert:

*{
padding: 0;
margin: 0;
}

at the beginning of your style sheet to reset all margins and padding to zero.

They already have that in their CSS... I think you need have

 body {
padding: 0;
margin: 0;
}

As * stands for nothing? worth a try...

[Arkady]

* means everthing/all in css

[LeadMagnet]

I think it's because of the DTD you've specified. Your site doesn't validate as strict xhtml. Change it to transitional.

[PhoenixDesign]

Originally Posted by LeadMagnet

I think it's because of the DTD you've specified. Your site doesn't validate as strict xhtml. Change it to transitional.

That worked perfectly. Thanks for the help!

[LeadMagnet]

You're welcome.