I have a requirement of dynamic height footer so have used

{
  float: bottom;
}

the problem now is that the footer is showing on the next page

Does the float occur early in the page?

Yes, it's above the main content

Perhaps you could email me (mikeday@yeslogic.com) an example HTML?