Dotted underlining of links with a normal distance between the text and the line

Unfortunately, the text-decoration: dotted style is not yet supported by most browsers, and the desire to do something similar is present.
Comes to the aid of border-bottom: dotted.
However, if between the text and the underline, implemented through text-decoration: underline is a distance of 1px, the border-bottom gives two. The effect is that the underlining is a bit divorced from the text, which is not very pleasant.
During long experiments, parameters were found that give what is needed on all browsers, although they only work when the text is in one line:

a { border-bottom: 1px dotted; text-decoration: none; display: inline-block; height: 1em; line-height: 1.05em; }