title: HTML/CSS table messes up layout
body: <p>I'm trying to design a very simple website in HTML/CSS. It's all working fine until I add a table. Then my footer gets placed above my content and the background of my body dissapears. Does anyone know how to fix this?
  This is how it's supposed to look, but with the table instead of text: <a href="http://i.imgur.com/KfKa4lg.jpg" rel="nofollow">http://i.imgur.com/KfKa4lg.jpg</a>
  This is how it looks now:<a href="http://i.imgur.com/GHlNtvO.jpg" rel="nofollow">http://i.imgur.com/GHlNtvO.jpg</a>
  Thank you!</p>