Пунктирная граница ссылки выглядит сплошной

Я хочу, чтобы атрибут границы посещенной ссылки отображался пунктиром. Я могу только сделать его твердым, и я не могу понять, почему. Любая помощь будет здорово. Спасибо

Вот код CSS, который я использую:

   .entry-content p a{
color: #333;
border-bottom: solid #beff00 3px;
}

.entry-content p a:hover{
color: #333;
border-bottom: solid #78b3e0 3px;
}

.entry-content p a:visited{
color: #333;
border-bottom: #78b3e0 dashed;
}

Вы можете увидеть его в действии в этом сообщении в блоге .