height problem

[*Warrior*]

(link removed)

Ok well my main problem is the height is not right ... in the css I said

#mainbody{
height: auto;
}

is that making the page look so weird? if it is the problem how can I change this with out having to set a height so that it can move around when more content is added?

also the nav as you can see is crowd in the right conner how can I place spaces between with out effecting the link settings?

and one last thing for the content I want the text to have a left side padding of around 2px how can I do that without effecting the content boxes

thanks

[Nile]

Sorry if this is a really dumb question. But what do you mean by loko "weird", do you mean with it overlapping the header? Because I thought you were gonna replace the divs overlapping the header and give it some sort of image to make it look sorta, well... 3D Overlapping.

[*Warrior*]

oh I don't really know what u mean but I am guessing that has to do with the diff browsers so I will need to fix that any tips?

back to the height thing this is wat I see .. http://i37.tinypic.com/6jd7ra.jpg

[Nile]

Thats what I see, so you don't want the overlap?

[Keleth]

If you want the dark background to extend all the way down, place a

<br style="clear: both" />

at the very bottom of the mainbody div.