HTML/CSS Device Specific fixes

Hi all,

I am having a little trouble with a design I've coded. It displays mostly fine in all browsers, but on iPhone, the #header, #content-container and #footer divs are floating left instead of staying centred.

Please take a look at the link below:
http://xclamation.no-ip.org/livecasino/

I also need to have the #header and #footer divs to fill 100% width on large screens with higher resolution.

Please give some examples of similar work you have done for device compatability if possible.

I'm open to all freelancers worldwide, but please understand that if you do not have good English skills then this may make working with you more difficult.

Looking to accept a bid and start work in the next 1-2 working days and need completion at the beginning of next week/ASAP.

Please start your bid with the phrase "Gambling is bad for you!" in order to show me that you have read all of my description carefully.

I look forward to receiving questions/bids on my job!