[SOLUCIONADO] El font-size en tiquetas <a> generan espacio extra a imágenes

[Lord_Edoval]

Buen día a todos, mi pregunta quizá parezca muy sencilla pero de verdad quiero salir de la duda, resulta que tengo un div id="logo" , y dentro de este tengo una imagen dentro de las etiquetas de links <a>, yo suponía que al div no tener definido un "height" su altura sería únicamente establecida por la de su contenido, es decir en este caso la altura de la imagen, pero resulta que me doy cuenta que por estar la imagen entre etiquetas de link <a> se le genera un especie de "padding" inferior, busqué y revise para darme cuenta que se trataba del valor del font-size que tienen las etiquetas de link, (puesto que quito las etiquetas <a> y el espacio desaparece) para solucionarlo le di al div id="logo" un font-size=0; y dicho espacio desapareció; mi pregunta es ¿solo de ese modo puedo quitar dicho espacio? , quizá parezca un pregunta muy novata, pero enserio me tiene cabezón pensar que exista una mejor práctica para solucionar esto,.. de antemano muchas gracias ...
el código no es nada del otro mundo, lo comparto acá....

html:

Código:

<div id="logo"> 
   <a href="index.html"> 
      <img src="img/logo.png" alt="Logo" title="mi logo"/> 
   </a> 
</div>

css

Código:

#logo {
     margin-left: 2px; 
     max-width: 100%; 
     font-size: 0; 
}

[AngelKrak]

asi que por aca andas tambien jajaja xD aca ahi mas posibilidad de k ayuden k aya ;) no tienes la web subida? o pasa cap de tu "error"

[Lord_Edoval]

jaja si señor por acá también ando , ya leí tu respuesta acertada en LWP, la voy a compartir acá por si alguien la llegase a necesitar... sencillamente se necesita dar a la imagen el siguiente estilo:

Código:

#logo img {
     vertical-align: middle; 
}

Ángel, hermano de nuevo muchas gracias, un abrazo