I am currently using IE 6.0 and 5.5 and the scenario is the following.
I have a span that contains text, and the span is beign contained by a
table cell (this is the way thing need to be in my application). I
have an issue when the span has a heigth less than 18px (meaning
height of the span, there is only one line of text and the height of
the text is less than 18). The issue is that I start getting a
padding, I add a color background to the span to see how height the
span is, the table cell can not get less than 18px (to simplify the
table, it is a table with no height, only one row, only with one cell
that has no height). Inside the span, I defined the style to be
vertical-align:top, but when I remove the vertical-align the padding
goes away. However, I need the vertical-align on the span.
My table looks like this
<table border="0" cellpadding="0" cellspacing="0"
style="position:absolute;top:190;left:184;" >
<tr>
<td bgcolor="aqua">
<span style='height:11;width:100;;background:#8a2be2;fon t-family:Arial;font-size:10;font-weight:400;;position:relative;display:inline;verti cal-align=top;'>Mi
text</span></td>
</tr>
</table>
Does anybody have an idea why having the vertical-align:top (I tried
also vertical-align=text-top) would add bottom extra padding to the
cell?
Thanks,
P