Click to See Complete Forum and Search --> : DIV problem in firefox


alexej
01-22-2008, 02:40 AM
I trying to make a design for a new site. It works in IE 7 but looks really weird in Firefox so pls help me.

http://www.alexej.se/gunnar

Kor
01-22-2008, 06:10 AM
You should be wont to give always height to your divs...

Centauri
01-22-2008, 09:04 AM
You are experiencing margin collapse - the top margin on #menu does not have anything "solid" to "push" against, and is "punching through" the top of #main and #site, pulling them down. This is the way it is supposed to work, and IE gets it wrong. Instead of a top margin on #menu, use a top padding on #main :#main{
margin-left:10px;
width:660px;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
padding-top:106px;
}