Dynamic Image Resolution: Why is my image bleeding off the right of the iPad screen?

For Dynamic Image Resolution I have two images named:

Background.png (320 x 480)
Background@2x.png (640 x 960)

My config.lua is:

application =  
{  
 content =  
 {  
 width = 320,  
 height = 480,  
 scale = "letterbox",  
 imageSuffix =  
 {  
 ["@2x"] = 2,   
 },  
 },  
}  

In main() I do this:

 playfield = display.newImageRect(Background.png, 320, 480)  

The image is displayed correctly on the iPhone and iPhone 4 as you can see: The 320x480 version has one yellow dot in the upper-left corner and the 640x960 (@2x) version has two yellow dots in the upper-left corner.

https://skitch.com/tokyodan/fbsbg/iphone

https://skitch.com/tokyodan/fbsbe/iphone4

But on the iPad the correct 640x960 (two yellow dots) is displayed BUT it bleeds (repeats) to the right off the right edge of the image.

https://skitch.com/tokyodan/fbsbr/ipad

Why is this happening? [import]uid: 295 topic_id: 10544 reply_id: 310544[/import]

The iPad resoution is 768x 1024, which is not an upscaling of the iPhone 4’s resolution by 2x like the iPhone 3 to iPhone 4. That is why you are having the alignment issue, IMO. I am researching this topic myself so I don’t have an answer. If you have figured it out, please post.

[import]uid: 38348 topic_id: 10544 reply_id: 42784[/import]