tags:

views:

67

answers:

2
+2  A: 

Most likely, the CSS for your page has some preconceived notions of where and how big each will be, and you've confused it by moving them around.

In other words, the containing your main welcome block there does not use absolute positioning, but instead relies on a spacer (the login block) above it for correct spacing.

sangretu
Yep. Because the header element is position relative, without the logindisplay div to push the menucontainer div down, the menucontainer renders on top of the header. Removing the position:relative element from the #header part of your css should fix the problem.
Dave
A: 

the padding of your #main area is still the same as in the original file. but the positioning actually relies on the padding, which I would not do.

#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px;
}

increase the first number 30px to higher numbers and observe what happens.

tharkun