Thanks for your interest 
I read though the mozilla docs and found something that explains my problem pretty well...
From: http://www.mozilla.org/docs/web-developer/bugspecs/REC-CSS1.html#vertical-align
quote:
Using the 'top' and 'bottom' alignment, unsolvable situations can occur where element dependencies form a loop.
Percentage values refer to the value of the 'line-height' property of the element itself. They raise the baseline of the element (or the bottom, if it has no baseline) the specified amount above the baseline of the parent. Negative values are possible. E.g., a value of '-100%' will lower the element so that the baseline of the element ends up where the baseline of the next line should have been. This allows precise control over the vertical position of elements (such as images that are used in place of letters) that don't have a baseline.
Now using the same code it works in MSIE and Netscape 6+ but Mozilla and Opera seem to both have the problem mentioned above... I was hoping for a work around but i think i'll just have to wait until they update their browsers 
[This message has been edited by Synthetic (edited 12-21-2002).]