Strange blue underscores in header

I am attemping to add a google plus link into the header of my website.

When i put it into my header template, small blue underscores appear between the links in my header. You can see this at GEHS.net.

heres the code in my template

<div id="container">
	<div id="header">
    	<span class="header_logo"><a>">Guardian eHealth Solutions</a></span>

 <span class="header_number">

<a href="https://plus.google.com/111251927731786835100" rel="publisher"><img src="<?php bloginfo('url'); ?>/wp-content/uploads/2013/07/google-plus-logo-05-e1374683219739.jpg"</a>

<script src="//platform.linkedin.com/in.js" type="text/javascript">
 lang: en_US
</script>
<script type="IN/FollowCompany" data-id="2869277" data-counter="none"></script>

<a href="https://twitter.com/twitter">Follow @twitter</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

[Please post code & markup between backticks or use the code button. Your posted code has now been permanently damaged by the forum’s parser.]