Проблемы с изображениями на мобильных приложениях - Вопросы по CSS

Здравствуйте!
При загрузке моего сайта на мобильном телефоне через Опера-мини все картинки, которые я использую для оформления не пропорционально изменяются. Большие сжимаются по размеру, а маленькие наоборот, чрезмерно увеличиваются, что нарушает нормальное восприятие. Более того, Опера-мини просто тупо идет по картинкам, выстраивая их в одну колонку.
Пояснения. Сайт по бокам имеет фоновые вертикальные изображения, вынесенные в отдельные div-блоки. Под каждым изображением, кроме этого есть backround-image с вертикальным повторением. Это на тот случай, если содержимое страницы увеличивается, то боковые оформления соответственно вытягиваются.
Так-вот. Опера-мини тупо показывает сначала картинки левого блока на всю ширину экрана, потом содержимое страницы, а потом картинки правого блока, опять таки на весь экран. То есть страница разбивается на три колонки.
Прошу помощи, как этого избежать. Как сделать, что бы страница целиком показывалась без этого тупого деления на три колонки.
Дело в том, что убрать это оформление картинками нельзя, они придают соответствующий вид сайту при рассмотрении на обычном компьютере.
Как сделать картинки невидимыми для мобильного веб-браузера. Или есть какой-то другой выход?

Отображение этих блоков так критично? Попробуй поставить плагин для мобильных устройств, но там минимум оформления, дабы не растрачивать попусту драгоценный трафик.
Тут хорошая статья по этому поводу http://vjoomla.ru/blogs/item/1355-resheniy-dlya-sozdaniya-mobilnoy-versii-sayta-na-joomla.html