Сайт немного криво отображается в планшетах и смартфонах - Joomla 1.5: Настройка и оптимизация

Здравствуйте, уважаемые форумчане!

Создаю сейчас сайт: http://photovsamare.ru. Нижний блок с копирайтом прикреплен посредством CSS к низу браузера. Но в планшетах и телефонах он почему то, если заходить через Оперу Мини (а все через нее и заходят), находится посередине страницы. С чем это может быть связано?

Вот часть кода которая отвечает за прикрепление к низу браузера: 

{position:absolute; bottom:0;}

Если убрать парамаетр bottom, то блок в телефонах становится нормальным, но неправильно отображается через компьютер. Была мысль написать отдельный CSS для телефонов и смартфонов. Создал CSS файл под названием mobile, подключил его к шаблону при помощи link, при этом указав параметр media="handheld" - не помогло. Есть ли еще идеи? Заранее спасибо!

Можно через скрипт определять разрешение экрана и подключать нужный CSS

как если не секрет? И нет ли более простых способов?

думаю нет, есть только более сложные.

Ну там пока с handheld.css глухо, его еще сделать надо )))

как если не секрет? И нет ли более простых способов?

В гугле есть готовые решения .
Если не найдете то пишите сюда .

Испробовал многие гугловские решения - ничто не помогает. Суть ошибки понял, а как исправить - не знаю....

Код: html4strict

<link rel="stylesheet" type="text/css" media="handheld and (max-device-width: 480px)" href="/css/mobile.css" />

Попробовал - не помогло.

Вот часть кода которая отвечает за прикрепление к низу браузера:
{position:absolute; bottom:0;}

А если попробовать bottom:0px; Или bottom:1px;?

А если попробовать bottom:0px; Или bottom:1px;?

Попробовал -когда поставил 0px, ничего не изменилось. Когда меняю это значение, полоска просто двигается, но вниз упорно не хочет перемещаться. Вот когда я этот параметр полностью убираю, тогда эта полоска встает на место на планшете и смартфоне, но тогда на сайте криво отображается.

Исправил более менее. Надо было добавить в CSS следующий код

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    position:relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#footer {
    height: 40px;
    width: 100%;
    position: absolute;
    left:0;
    bottom: 0;
}