проблема с text decoration

[raptor-dm]

взгляните на это:
http://s017.radikal.ru/i435/1412/05/d0e008a72426.png

я вперые такое вижу если честно.
где верхние 3 блока ссылка подчеркнута пунктиром, text decoration только сплошную линию ставит и то расстояние нельзя урегулировать, border не подходит, т.к. он только под всей ссылки поставит одну линию. 
как такое решить? не ошибка ли дизайнера?

и второй момент, там где полезные статьи, text-decoration чуть ниже находится, как опустить его?

Edited December 7, 2014 by raptor-dm

[npofopr]

хм

http://jsfiddle.net/gaby/mgDqx/

https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style

 

http://stackoverflow.com/questions/4365394/multi-line-dotted-or-dashed-text-underline

http://stackoverflow.com/questions/13249574/need-to-display-multiline-text-with-underlining-lines-of-equal-length

[raptor-dm]

text-underline-style не кроссбраузерно
а border через inline конечно не плохо, но линию поднять выше надо, а line-height 0 не работает, когда display на inline установлен, хотя почему не знаю.

Edited December 7, 2014 by raptor-dm

[npofopr]

Ну можно не border. Можно через background еще делать.

хотя с dotted не прокатит наверно