com código CSS

Olá Pessoal, td beleza !!

Preciso que os amigos me ajudem no seguinte Código abaixo:

-------------------------------------------------------------------

<style type="text/css">

 a span {

 width : 150px;

 border : 1px dotted rgb(100,100,255);

 padding : 10px;

 position : absolute;

 top : 10px;

 left : 50px;

 font-weight : 400;

 background : rgb(230,230,255);

 color : rgb(90,90,90);

 display : none;

}

a:hover span {

 display: block;

}

</style>

..

<!--[if lt MSIE 7]>

<script type="text/javascript">

function r() {

 var t = window.event.srcElement.getElementsByTagName('span')[0];

 t.style.display = window.event.type == 'mouseover' ? 'block' : 'none';

}

window.onload = function () {

 var links = document.getElementsByTagName('a');

 for (var a, i=0; (a = links*); i++) *

if (a.getElementsByTagName('span'))

a.onmouseover = a.onmouseout = r;

}

</script>

<![endif]-->

 

Daí eu coloco dentro de uma célula, o seguinte:

 

<a href="link">Link<span>Descrição do Link</span></a>

-----------------------------------------------------------------------------------------

 

Bom, com isso eu tenho o seguinte: Ao passar o Mouse por cima do "link", aparece um banerzinho com a descrição "Descrição do Link".

 

O que eu gostaria de faer é: Que não tivesse link, e que ao passar o mouse em cima mostrasse a descrição do mesmo jeito. Entenderam ? Eu gostaria de que fosse um texto normal, sem link.

 

Se puderem me ajudar eu agradeço. Um abraço.