Footer Wont Stay At Bottom Of Page Due To A Table

I'm making a simple content management system, my CSS and layout works for everything apart from I make a table which then somehow moves the footer section to move into a wrapper s

Solution 1:

As noted before - you must close that table element with the appropriate </table> tag. In rare cases the table might also be inheriting some floating values so footer.mainFooter { clear: both; } should fix that.

Solution 2:

As noted by @cimmanon closing this <table> tag would be a really good start

Solution 3:

For the main footer's css, add position:relative and bottom:0. It will always be fixed to the bottom.