I created a link button using the admin. The HTML that is dynamically sent to the client seems to have a whitespace in it causing the a tag to have a pixel or two large dimension than the text. The odd thing is that, if I remove the link label span "Chat:", the pixels go away.
With this code:
<span class="help-label" style="margin-top:10px;">{{i18n 'action_chat'}}:</span><span id="lpButDivID-1369232056667"></span>
<script type="text/javascript" charset="UTF-8" src="https://server.iad.liveperson.net/hc/XXXXXX/?cmd=mTagRepstate&site=XXXXX&buttonID=7&divID=lpButDivID-1369232056667&bt=3&c=1"></script>
If I remove the whitespace from the dynamic content, it looks fine. The whitespace is between ...rget="chat18784960"> and <span id="lpTextLinkSpa...
<span id="lpButDivID-1369232056667"><span><a title="Click here to chat live with a online representative" id="lpChatBtnHref7540529162" class="lpChatTextLink" href="https://server.iad.liveperson.net/hc/XXXXXX/?cmd=file&file=visitorWantsToChat&site=XXXXXXX&byhref=1&SV!Origin%20Site=Arrow" target="chat18784960">
<span id="lpTextLinkSpan7540529162" class="lpChatTextLinkText"><span style="font-size: small;"><span style="font-family: helvetica;">Chat Now</span></span></span></a></span></span>
I will play with styling some more and try to make it work but it does seem like a bug to me to have that space.