Take a look at http://peoplesforumpunjab.org/ccs/ I don't want the footer to overlap main content. I want it to appear below main content.
Actually I want the left column (navigation) to be of fixed width but the "main content" to be liquid. So I had to use the absolute positioning for the "main content". Everything is working fine. But now the footer is not appearing below the main content. I can understand the reason that "main content" has moved out of the flow of document because of absolute positioning. But i don't know the solution that how to make the footer appear below the main content.
I didn't look at the code, however, even if it does not apply, for future reference, if you are floating left or right, use the "clear" property to clear the floats. This will push the footer down.
But, from droppyale's response, it seems that you used absolute positioning.
Yes i was using absolute positioning for the main content. so that's why it was not clearing and the footer overlapped the main content. But now with absolute positioning gone it is working perfectly.