Корректное отображения шаблона, для ipad, iphone и других смартфонах и КПК. - Joomla 1.5, Шаблоны: Как сделать ...

приветствую. Сделал Шаблон в Артистере. Довел его до ума. Всё отображается чётко. Кроссбраузерно. Даже фон отображается чётко. Но. Когда заходишь с айфонов и айпадов, то там с фоном беда. К сожалению прикрепить картинку не могу, не имею айфонов/айпадов. Хотя я захожу со своего телефона SE на андроиде и там в родно SE браузере и в Фаерфоксе всё кашерно.
Проблема еще в том, что картинку обрезать нельзя.
Рассчитываю на помощь. Для всех браузеров я знаю стили. А вот как работают браузер смартфонов и кпк я не понимаю. Помогите кто в теме.
P.s. Ксс знаю и фаербагом пользуюсь давно. Но реально не могу найти решения

сайт http://www.obayanie.com/

Используйте Media queries 


Статьи
Отличная статья от MS http://blogs.msdn.com/b/ieru/archive/2011/01/25/the-css-corner-css3-media-queries.aspx
или
http://joomlablog.ru/sozdanie-shablona-joomla/35-media-queries-dlya-shablonov-joomla-1

Я бы вам советовал проверить сайт на высоких разрешениях при 1920px по ширине он разваливается

Используйте Media queries 


Статьи
Отличная статья от MS http://blogs.msdn.com/b/ieru/archive/2011/01/25/the-css-corner-css3-media-queries.aspx
или
http://joomlablog.ru/sozdanie-shablona-joomla/35-media-queries-dlya-shablonov-joomla-1

Я бы вам советовал проверить сайт на высоких разрешениях при 1920px по ширине он разваливается

да... я его под 1440 делал

Я внимательно изучил следующие статьи:
http://joomlablog.ru/prijomy-poleznye-tryuki/81-kak-optimizirovat-joomla-pod-ipad
и http://joomlablog.ru/sozdanie-shablona-joomla/35-media-queries-dlya-shablonov-joomla-1
---
после чего я сделал следующее.
На своём сайте http://obayanie.com в template.css добавил следующие строчки:
Код а также в индекс шаблона добавил <meta name="viewport" content="width=device-width" />
Но всё ровно не корректно отображаеться фон в Айпаде и Айфоне.
В андроиде вроде бы всё нормально.
Посдкажите, что дальше сделать. или где я ошибся.
  !

Я бы вам советовал проверить сайт на высоких разрешениях при 1920px по ширине он разваливается

сдеалал большой рисунок, который ресайзится.