Текст заголовка сдвигается по горизонтали, но отказывается самостоятельно двигаться по вертикали. - Вопросы по CSS

Бодрый день.
есть небольшая проблема.
вот так выглядит этот блок в исходном коде. смущает, что заголовок блога категорий просто помещен в див, не заляпан отдельным классом:
<div class="componentheading">   КТ6030, КТП6030 - ДОПОЛНИТЕЛЬНЫЕ СВЕДИНИЯ</div>

теперь css:

/* headers */
div.componentheading {
      height: 38px;
      margin-top: 0px;
      margin-left: 5px;
      margin-right: 5px;
      padding-left: 120px;
      padding-top: 0px;
      font-family: Verdana, Tahoma, Arial, sans-serif;
      font-size: 15px;
      vertical-align: middle;
      color: #eeeeee;
      text-shadow: black 1px 1px 2px;
      background: transparent url(../images/bg_head.jpg) no-repeat bottom left;;

}


padding-left: -  сдвигает текст и при этом блок остается на месте.
padding-top: - сдвигает не текст а весь блок.
мне же нужно выровнять текст по вертикали.
помогите чем могите!

Покажите линк.

сайт еще на локальном сервере.

попробуйте свойство

к сожалению, не помогает.
тут меня другое смущает. добавляю border в CSS. получается что  border-left и border-right прилипают к тексту соответственно слева и справа и никакие принудительные задания width не действуют. добавляя боковые паддинги блок увеличивается, но заголовки то разные по количеству букв (а значит и по длине) и соответственно этот способ не проходит. я задаю в CSS ширину в пикселах, но действует это с той же эффективностью, что мёртвому припарки. уже башка раскалывается.

с позиционированием фонового изображения нет проблем. есть проблема с классом который отвечает за сам заголовок. сейчас приведу пример более подробный:
вот так это выглядит в исходном коде:

<table class="contentpaneopen">
<tr>
      <td class="contentheading" width="100%">
            <a href="/nvo/index.php?option=com_content&amp;view=article&amp;id=18:-6030&amp;catid=5:6030-6030-&amp;Itemid=21" class="contentpagetitle">
          КТ6033 - УСТРОЙСТВО И РАБОТА КОНТАКТОРОВ</a>
         </td>
            
      
               </tr>
</table>



терерь стили:

.contentheading {
      height: 45px;
      width: 698px;
      margin-top: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-family: Tahoma, Verdana, Arial, sans-serif;
   font-size: 13px;
      vertical-align: middle;
   color: #000000;
   text-align: left;
   font-weight: 700;
      background: transparent url(../images/bg_head.jpg) no-repeat bottom left;
border: 1px solid orange;

}


a.contentpagetitle  {
      
      height: 38px;
      line-height:20px;
      width: 697px;
   vertical-align: middle;
   text-align: center;
   font-weight: 900;
      margin-top: 0px;
   margin-left: 50px;
      margin-right: 50px;
      margin-bottom: 10px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 5px;
      padding-bottom: 5px;
      font-family: Verdana, Tahoma, Arial, sans-serif;
      font-size: 15px;
      color: #eeeeee;
      text-shadow: black 1px 1px 2px;
border: 1px solid blue;

}


ну вот теперь вопрос. как мне сделать так чтобы блок (хотя в данном случае это и не див) был width: 697px; как заданно в классе? а уже потом я буду равнять в нем надписи.
или где можно прописать див в этой ячейке таблицы?

решил.
добавил display: block;