Как задать место для кнопки? - Вопросы по CSS

Есть сайт на Joomla.
Есть вот такой код
<script src="http://pip.qip.ru/js/pip_button.js?type=1" type="text/javascript" charset="utf-8"></script>
который надо вставить в прямо в шапку.
Когда его вставляю в HTML шаблона кнопка появляется внизу.
Как задать позицию для этой кнопки поверх шапки шаблона?И z-index?
Как правильно прописать?

Как я пытаюсь это заделать:
Я захожу в папку templetes , открываю index.php , там вместо
<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">Перейти на главную</a></h1>
</div>
создаю
<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">Перейти на главную</a></h1>
</div class="art-knopka">
Потом захожу в папку CSS , открываю templete.css и в ней создаю
div.art-knopka
{
  display: block;
  position: absolute;
  left: 629px;
  top: 153px;
  width: 163px;
Но как мне указать и где чтобы в этой позиции типа как art-knopka был скрипт кнопки
<script src="http://pip.qip.ru/js/pip_button.js?type=1" type="text/javascript" charset="utf-8"></script>

Я так понимаю что нужно код кнопки вставить в index.php где-то после или внутри
</div class="art-knopka">
Но как это правильно сделать не знаю.ПОМОГИТЕ ПОЖАЛУЙСТА

<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">Перейти на главную</a></h1>
</div class="art-knopka">

Хорошо бы все таки открывать и закрывать один и тот же див..

А можно поподробней
Я думаю может так попробовать написать?
<div class="art-knopka"><a href="<script src="http://pip.qip.ru/js/pip_button.js?type=1" type="text/javascript" charset="utf-8"></script>"</div>
Не так тож нифига не получаеться

<div class="art-logo">
 <script src="http://pip.qip.ru/js/pip_button.js?type=1" type="text/javascript" charset="utf-8"></script>
</div>