Problema al insertar html en header y footer

Hola, espero que estén muy bien. He aquí mi problemilla…

Estoy trabajando en este sitio (está a medias y soy principiante, no asustarse! 😛 ) Para poner los iconos de social media como los quiere el cliente he añadido algo de html a los archivos wrapper-header.php y wrapper-footer.php.

Se ve bien excepto por unas líneas pequeñitas entre icono e icono que funcionan como links y no quiero que estén ahí. Este es el código (pongo sólo el de header porque son prácticamente iguales y en ambos me aparece el mismo problema):

<div id="header_icons">
<ul>
<li><a href="#" target="_blank" alt="Facebook"><img src="#" /></li>
<li><a href="#" target="_blank" alt="YouTube"><img src="#" /></li>
<li><a href="#" target="_blank" alt="Twitter"><img src="#" /></li>
<li><a href="#" target="_blank" alt="Blogger"><img src="#" /></li>
</ul>
</div>

Y este el CSS:

#header_icons {margin: -190px 0 0 300px; padding: 0 0 80px 0;}
#header_icons li {display: inline; padding: 0 5px;}
#header_icons li a {height:54px; overflow:hidden; display: inline-block;}
#header_icons li a:hover img { margin-top:-54px; }

Muchísimas gracias por su ayuda! Saludos