i can't figure out why safari won't display my web content correctly on the iphone. i want to show a large image, 2880 x 2880, and have the whole thing fit in the viewport.

knowing that there are limitations to the max image size safari on iphone will display, i decided to make a giant div with a table that holds a 3 x 3 grid of images, each of which is 960 x 960 (so it adds up to 2880).

my html page has this metadata:
<meta name="viewport" content="width=2880, user-scalable=1">

and my css page has this for the relevant div:
#level3 {
height: 2880px;
width: 2880px;
background-color: #000000;
}

BUT i only ever see part of the whole page, it always shows a max of about 1280 width by about 1680 height.

i don't see why the 2880 x 2880 div is not showing. i've tried messing with the scale of the page, or even setting the viewport to a high number like 9000. not working. any suggestions?

thanks for your help. i tried posting to macrumors.com, as well as the iphone web app google group, but no replies anywhere yet.