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 :
