html5 css3流体布局，具有灵活的背景图像

我正在开发一个移动web应用程序（稍后计划使用phonegap将其转换为本机应用程序），它使用HTML5+CSS3+jQueryMobile 1.2.0。我不擅长css3和html5，但我正在努力学习和开发一个移动网站。一切正常，直到我得到一个屏幕，我应该添加一个背景图像到文本。我的目标是320*480-1280*798屏幕。所以，我的网站的每一个地方都应该是一样的。所以我添加了我的html和css，并添加了截图

我的要求：

• 根据屏幕大小（320-1280），左右两幅图像应该是灵活的
• 中心文本应居中对齐（水平+垂直）
• 右侧图像上有一个文本也应该居中对齐（水平+垂直）

我的代码乱七八糟

它在firefox（1280*768）上显示如下（几乎如我所愿）

但是，当我在android emulator（320*480）上运行相同的程序时，它没有正确对齐

因此，请让我知道如何将内容与背景图像/直接图像对齐。最终，我的屏幕看起来应该和firefox一样

提前谢谢