Сволочной тэг <a>

Всем привет.
Хочу простое всплывающее окно при наведении мыши на
текст "Возможные возражения"
Вот HTML.

HTML:

1. <a href="#">
2.     <span class="hover-box"> Да, современная наука многого достигла,<br /> однако имелось много
3.         ...............<br />
4.       </span>
5.              Возможные возражения.
6.    </a>

Вот CSS

Код (CSS):

1. span.hover-box {
2.     border: 1px solid #fc6;
3.     color: #000;
4.     display: none;
5.     text-decoration: none;
6.      
7. }
8. span.hover-box:hover:before{
9. text-decoration: none;  
10. }

Проблема в том, что несмотря на
text-decoration: none;,
показывает все равно с подчеркиванием.
Где ошибка ?
Спасибо за помощь.

 

Ну вот опять двацать пять.
Не хочу, хочу сам, но ошибки пока не вижу, наверно опять мало виски выпил.
Поэтому и спрашиваю про конкретный HTML и CSS.

 

Хммм,sorry,
что такое декор?

 

"декор span присваиваешь"
Ну да, именно это и делаю,
в классе для span присваиваю:
text-decoration:none;
Но плевать хотела,
показывает с подчеркиванием....

 

Всем спасибо,
вопрос решен.

 

Хм...
Я думал я один тут в трех соснах не могу разобраться,
пишут в этой теме профи только...
Завтра напишу, некогда сейчас....

 

Sorry, виноват.
Итак, есть умный текст, кое-где имеются слова "Возможные возражения".
Надо, чтобы они были подчеркнуты (ага, думает юзер, ссылка) и при наведении мыши
на них всплывает окно с нормальным (неподчеркнутым) подробным возражением.
Причем без PHP и JS.
Внизу решение, но должен указать,
что так неправильно.
Правильно - надо взять любой Framework и реализовать такую штуку,
она называется Tooltip.
HTML

HTML:

1.  
2. <span class="toolbox"> Возможные возражения.
3.          <span class="hover-box">
4.              1. Да, современная наука многого достигла,<br />
5.         однако имелось ...... </span>
6.    </span>
7.  

Важный нюанс - <span> внутри другого <span> .
CSS.

Код (CSS):

1. span.toolbox{
2.       text-decoration:underline;
3.       cursor:pointer;
4.  
5. }
6. span.hover-box {
7.     border: 1px solid #fc6;
8.     color: white;
9.     background:black;
10.     padding:10px;
11.     border-radius:20px;
12.     display: none;
13.     width:350px;
14. }
15. span.toolbox:hover > span.hover-box {
16.     display: block;
17.     position:relative;
18.     top:10px;
19. }