с dashed - Вопросы по CSS

 пожалуйста подправить css
код используется для вывода текста:
.sp-head-click a {text-decoration: none; font-weight: bold !important; margin-bottom: 3px; display: block;}
формируется как ссылка с подчеркиванием, а нужно чтобы было только прерывистое подчеркивание.

на всякий случай весь css:
.spoiler {clear: both;}
.sp-head-click a {text-decoration: none; font-weight: bold !important; margin-bottom: 3px; display: block; )
.sp-head-click a:hover {
   text-decoration: none;
}
.sp-head {
    padding: 0px 10px 0px 15px; font-weight: bold; cursor: pointer;
}
.sp-body {
    font-weight: normal;
    background: #F5F5F5;
    border-top-width: 0;
    padding: 6px
}
.folded {
    display: block;
    background: transparent url(../down.gif) no-repeat left center;
    padding-left: 14px;
}
.unfolded {
    display: block;
    background: transparent url(../up.gif) no-repeat left center;
    padding-left: 14px;
}

Попробуйте для свойства a применить border-bottom: 1px dotted #000;

Попробуйте для свойства a применить border-bottom: 1px dotted #000;

Подчеркивание появилось, но при наведении еще появляется сплошное подчеркивание (как у ссылки ). Как его  убрать?
Убрал .sp-head-click a:hover {
   text-decoration: none;
} - не помогло.

я в CSS 0 - есть
.sp-head-click a:hover {
   text-decoration: none;
}
а a.class:hover {text-decoration:none; }
куда вставлять?

покажи HTML код, я пока не понимаю иерархию элементов

вот тут плагин работатет как надо http://test5.of.by/audit/
У меня же подчеркивание заходит правее за текст.

<p>&nbsp;<div class="spoiler">
<div class="sp-head">
<div class="sp-head-click"><a href="#spoiler_0">Скрытый текст</a></div></div>
<div class="sp-body">здесь скрытый от посторонних глаз текст</div>
</div></p>

хелп