[Решено] Ссылка на страницу specials с модуля

[Markitos]

Помогите пожалуйста решить проблемку:

Задача - при нажатии на заголовок модуля - переходить по ссылке на страницу "specials ".

Проблема - текст загаловка подчеркивается и это портит дизайн.

Реализовал вот так:

В - special.tpl:

Вместо:

  <div class="box-heading"><?php echo $heading_title; ?></div>
 

Вставил:

         <a href="index.php?route=product/special"> <div class="box-heading"><?php echo $heading_title; ?></div>

В css добавил "text-decoration: none":

.box .box-heading {

	border: 1px solid #DBDEE1;
	background: url('../image/background3.png') repeat right;
	padding: 8px 10px 11px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #333;
	text-decoration: none;
}

А подчеркивание остается... что я делаю не так, и есть ли решенее лучше?

Заранее спасибо.

[pikitos]

<div class="box-heading"><a href="index.php?route=product/special"><?php echo $heading_title; ?></a></div>

.box .box-heading a {

color: #333;

text-decoration: none;

}

[Markitos]

Огромное спасибо, заработало! 

Но возникла небольшая проблемка:

У меня при наведении на верх модуля изменялся имидж и цвет шрифта:

.box .box-heading:hover {

	background: url('../image/linehover.png') repeat right;
	color: #FFFFFF;

}

Теперь он изменяется при наведении лишь на слово (вставил ховер на "а"):

.box .box-heading a:hover {

	color: #FFFFFF;
}

*Прошу прощения что в начале поста не отметил что есть ховер.

[pikitos]

.box .box-heading:hover a {

    color: #FFFFFF;

}

[Markitos]

Огромное спасибо! Теперь все гладко!  :-)