текст в определенном месте - Вопросы по CSS

В файл шаблона вставил следующее (номер телефона):

<div style="position:absolute; left:450px; top: 55px; width: 100%;">
    <h1 style="color:#fead00"> +7 (495) 956-07-98 </h1>
     </div>

на этом примере http://trinitytravel.ru/

Только при разных размерах экрана номер телефона "гуляет " и отображается в разных местах по горизонтали.
Понимаю что не совсем про Joomla? но тем не менее.
Как закрепить текст?

задайте родителю position:relative

задайте родителю position:relative

Sorry!
Можно конкретнее?
Где и как задать ?

Sorry!
Можно конкретнее?
Где и как задать ?

вместо этого
<div style="position:absolute; left:450px; top: 55px; width: 100%;">
    <h1 style="color:#fead00"> +7 (495) 956-07-98 </h1>
     </div>

вставьте это
<div style="position:relative; left:450px; top: 55px; width: 100%;">
    <h1 style="color:#fead00"> +7 (495) 956-07-98 </h1>
     </div>

вместо этого
<div style="position:absolute; left:450px; top: 55px; width: 100%;">
    <h1 style="color:#fead00"> +7 (495) 956-07-98 </h1>
     </div>

вставьте это
<div style="position:relative; left:450px; top: 55px; width: 100%;">
    <h1 style="color:#fead00"> +7 (495) 956-07-98 </h1>
     </div>

Не выходит каменный цветок :-(((
Взгляните на примере
http://3opt.ru/

Номер телефона плавает ( желтенький)...

Код

<div style="top: 30px; margin: 0px auto; width: 948px; text-align: center; position: relative;">
      <h1 style="color:#fead00"> +7 (495) 956-07-98 </h1>
 </div>

Спасибо дорогой ТОВАРИЧ!
Добавил плюсик.

Код

<div style="top: 30px; margin: 0px auto; width: 948px; text-align: center; position: relative;">
      <h1 style="color:#fead00"> +7 (495) 956-07-98 </h1>
 </div>

Нет...
Все таки чуток не то...
Т.е. сам текст при таком раскладе не плавает при разных размерах окна, но он не накладывается по верху а вставляется в страницу чем расширяет ее по вертикали, т.е. появляется некий зазор и довольно большой...:-(
Можно увидеть на примере
http://3opt.ru/

Попробуйте тогда так: