I have screenshots to show what my problem is. The problem has to do with multiple line spanning text links inside a <TD> element of a table. The TD is set to a specified width for usage on a menu. The problem I have is that different browsers use different spacing -- to fix this, I used the CSS element line-height to control the spacing between two lines of text. This introduced a new problem which seems to be browser dependent -- text clipping. In Opera and Firefox, there is no clipping -- However in IE, there is clipping. I am trying to work towards a single uniform CSS file, but I am having troubles.
Here are screenshots of the browsers that details my problem. I also have a screenshot of the code:
Note: The problem is in the second picture!!

|