I cant figure out why I'm getting a top margin in FF I'm not sure if it works in IE 8 and down but it works in IE9

my website is http://mmasaint.com

when I clear my cache it works fine the black top div is set at the very top of the page with 0 top margin but it doesn't stay like that it moves down about 25px

I reset my style to

*{margin:0; padding:0; border:0;}

and it always works just not in this case.

here's a snippet from the section it's in

#top{
width:100%;
overflow:hidden;
background-color:#000;
}

#header{
width:1024px;
margin:0 auto;
}

#logo{
width:200px;
float:left;
}

#top-nav{
width:500px;
float:left;
margin-top:15px;
color:#FFF;
}

hi,
Works fine with FF here.
try to set an height for #header, it may help.

Seems to be working fine for me too. I checked in both FF and Safari. Since it works for you as well when you clear your cache I'm wondering if the issue is something local to your machine. Have you checked on any other computers?

No difference here between IE 8 and 9. There is a difference between FF and IE, but only in FF do I have an ad blocker.