Dynamically moving table in CSS
Hi I'm trying to make a webpage that looks like this mock up I've made..
I've managed to get the background to dynamically resize to fit in most browsers, I'm having trouble getting the central elements to all move together so that it still looks like they're sitting on the floor.
I want all of the elements to always be centered but to move up and down in accordance with the users browser.
I understand that it's going to be impossible to make the elements sit in the same place in EVERY browser but wish to achieve this as best as possible.
My current HTML is here:
and my current CSS is here:
I'd really appreciate any help.