Here's what I am trying to do. I want a layer with images and text to have a background color and I want that background color to span the width of the viewers browser. I want all the layers content to be centered. I can get this to work fine in IE, Chrome and Firefox on a PC but am struggling to get the same output in Safari on an iPad.
Here's what I want to do: http://www.wysiwygwebbuilder.com/layer_test3.html
Here's my effort. Renders fine in all browsers on a PC: http://www.ausvts.com.au/test/index.html
Here's what it looks like on my Ipad:

As you can see, the background layer is not showing right across the browser window. I have tried a number of setting but none result in what I want. Here's the layer settings:

I am sure its something simple but I just can't work it out.
Thank-you for any input.
Epoc