Space on top of content in Firefox

Question

If you go to this page in Firefox 3.6:

http://unirazz.com/images/ww/home.html

There is a space of about 10px above the content.

What causes this extra space on top?

Answer 1

I played with it, and I managed to eliminate a bit of space by disabling the rule margin: 10px 0;for the footer class ... of all things. (I am deeply confused by this.)

Answer 2

problem with this line:

<div class="clear"></div>

inside div.header

clear: both in it css creates a problem.

remove this tag and use clearfix instead

like this:

clearfix div.header:

<div class="header clearfix">

css:

.clearfix:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

: : "";

Answer 3

Firefox . , :

div.content {
   padding: 1px 30px;
}

Answer 4

I could also be an overlapping div that was pushing the contents of the div down. In my situation, restricting the top div to a specific height allowed it.