Joomla 1.0 В Firefox и IE уезжает непонятным образом кнопка счетчика.

Приветствую.
У меня на сайте съезжает счетчик вниз - происходит в браузере Firefox.
Для сравния гляньте сайт http://upbg.ru в IE и Firefox'е.
Счетчик в самом низу в футере.
Но в IE тоже немного не устраивает: когда счетчика не было, текст копирайта был расположен не так высоко от нижней границы, как это смотрится сейчас.
Как только вставляю счетчик полоса футера становиться выше, текст копирайта уезжает вверх, а кнопка счетчика к нижней границе - это в IE.
Вот в Firefox'е как раз видно какой ширины эта белая полоска и как расположен текст копирайта.
Надо получается в эту ширину вписать кнопку счетчика, ну или что она расширилась на столько чтоб вместить счетчик, но не как это выглядит в IE.
Т.е. после вставки счетчика полоса футера должна быть такой высоты (ширины вертикальной) как и высота кнопки счетчика.

 

а если так:
<div id="footer">
<div style="float:left;">copyright</div>
<div style="float:right;"><a target="_top" href="http://inetlog.ru/">123</a><a title="статистика" href="http://inetlog.ru"></div>
</div>
?

 

Viper, переделал согласно рекомендации.
ничего вроде не изменилось.
может футер сделать отдельным файлом, а потом его инклюдить в
<div id="footer">
сюда
</div>

 

"В Firefox и IE уезжает..."
К слову и в Опере тоже... Одним словом везде одинаково.
Вставь в футер таблицу и никуда счетчик не сползёт.
ПыСы. На upbg.ru шапка на широком мониторе дублируется вправо - не совсем корректно и красиво...

 

сорри сразу не заметил у вас у <div id="footer"> стоит padding-top: 10px. поэтому и "ползет" вниз.

сделайте так:

Код (html):

1. #footer{
2. position:relative;
3. bottom:0px;
4. background:#FFFFFF;
5. height:31px;
6. padding: 0 20px;
7. }
8. .copyrights { float: left; margin-top: 10px; clear: none;}
9. .banners { float: right;}

и для div:

Код (html):

1. <div id="footer">
2. <div class="copyrights">copyright</div>
3. <div class="banners"><a target="_top" href="http://inetlog.ru/">123</a><a title="статистика" href="http://inetlog.ru"></div>
4. </div>

ниче не ползет в IE7, Opera9.5, Mozilla3, Safari 3.1.2(Win)

 

спасибо за замечание. наверное под все мониторы обыкновенные и широкоформатные не сделаешь.
шаблон изначально делался "резиновым". на широкоформатном я не тестировал/не смотрел как выглядит.
но, быть может это как-нить лечится? не подскажите как исправить? переделать шаблон под жесткое 1024*768?
Не хотелось бы ибо изначально просили "резину".

 

style="background-repeat:no-repeat"