This is a site am working on but the footer for some reason is not in the right place can anyone help me see what i did wrong.

the site here

Clear your floats - see our stickies for methods on how to do it and why you need to. However, add overflow:auto; to #content and it should fix the problem.

Ok thanks for that will go away and read that links.

Originally Posted by LadynRed

Clear your floats - see our stickies for methods on how to do it and why you need to. However, add overflow; to #content and it should fix the problem.

I'd recommend overflow: hidden
Firefox has some problems with overflow auto [also with hidden, but smaller]

will try both what problems does firefox have with them?

at overflow: auto you can have some problems if the content is large. It also has some conflicts (not sure)... I had a problem in my blog and I got my content invisible, after 20 posts [it was a long scrollbar] with no reason.

at overflow: hidden, in firefox 2 [only on some versions] you have your element on top of position: absolute items, which is stupid. So, I recommend you overflow hidden if you don't have z-index elements (position absolute or relative).

It can also work with auto, it's Ok if you test everything before publish it

Firefox has some problems with overflow auto

No, it does not. However, IF you assign a HEIGHT to a div with overflow:auto on it and your content exceeds that height, you will get scrollbars. Easily fixed by understanding the box model.

it's not about the scrollbar, it's about the height: auto
You will not get scrollbar, but if you have a big content, you can have problems.
In my problem, I used overflow: hidden and it was OK.

Here it is a demo:
I have Firefox 2.0.0.20 and looking at
http://www.vectorialpx.net/diverse/overflow_test.html
I can see that the content is gone [somewere down]

But
http://www.vectorialpx.net/diverse/overflow_1_test.html
has overflow hidden and the content is OK

Again, if you assign a height (or width) and the CONTENT you put inside that div exceeds the height or width of the 'box' then you are going to get scrollbars. People fail to understand the box model.

Using height: auto is rather pointless in most cases because the DEFAULT behavior is to stretch to hold the content within the div - unless you are specifying a set height. Width:auto is equally pointless in most cases.

Your examples look exactly the same to me - using Firefox 3.6.6

I just told you it's about Firefox 2 [read above]
A developer has to make a script [CSS, javascript etc etc] for every browser, not only for FF3 or IE8+

Anyway... it works with auto. Do as you wish..

A developer has to make a script [CSS, javascript etc etc] for every browser, not only for FF3 or IE8+

I would argue that you don't -- the only browser you really have to 'fix' is IE.