Good old HTML (Problema HTML)

De cateva zile ma confruntam cu o problema destul de spinoasa, pentru mine binenteles. Aveam intr-un rand html doua imagini cu link-uri pe ele care erau usor deplasate in jos si nu intelegeam de ce, cu atat mai mult cu cat imaginile nu aveau dimensiuni mai mari decat randul respectiv, borderul era setat pe 0, la tabel la fel scos cellspacing-ul si cellpadding-ul, ce mai o adevarata enigma!

Cam asa arata problema mea:



Am incercat de toate, am scos imaginile nici un efect, am incercat tot felul de alinieri, modificat dimensiunile, si tot nici un efect. Dupa mai multe incercari m-am dat batuta cu atat mai mult cu cat nu intelegeam de unde poate veni problema. Astazi m-am intors la codul buclucas si l-am intrebat si pe nea' gogu cam care ar putea fi problema cu atat mai mult cu cat ajunsesem la concluzia ca tagurile <a> sunt de vina.

Gasisem pe un site cum ca problema se poate trage de la dimensiunea fontului in caz ca e setat asta in stilul elemntului, altii dadeau clasica rezolvare align-ul, dar nimic nu parea sa functioneze pentru cazul meu. In disperare de cauza am zis sa mai intreb si lumea poate s-a mai lovit cineva de asa ceva si aflu solutia, dar nu am avut noroc. Spre fericirea mea(si sanatatea mea mintala) intr-un final tot nea' gogu mi-a dat raspunsul.

Se pare ca alinierea pe verticala tine cont de valoarea implicita a atributului line-height, lucru de bun simt si logic, as spune eu.Problema la mine era faptul ca inaltimea implicita a randului se modifica in momentul in care adaugam < a > si cei doi pixeli nastrusnici imi dadeau peste cap designul.
Cam asa arata acum dupa ce am modificat inaltimea elementului( <td>), partea frumoasa fiind ca functioneaza atat pe mozilla cat si pe ie :