Please Respond - IE or CSS Bug in Selector Class

Question

I have a table 22px high with an 11px high icon and some
text.
When I apply the Selector Class with
Spry.Utils.addClassName('P91','Pselected')
the selector class "Shrinkwraps" the image and leaves a space
above and below the
icon that also jumps to the top of the table cell in IE.
Here's the Class;
.Pselected {
background-color: #CAF4FF;
height: 22px;
line-height: 22px}
I have tried putting the image nested in a table 22px high
but then I could not control the overall table height as it got
bigger even though the other class for the text has no vertical
sizes, padding or margins.
I tried making a Class with the icon but when I add the class
it goes over the icon. I use the class for other areas on the page.
(This is only a Problem with IE of course, Mozilla is fine)
Not sure what to do at this point. It's only an icon with a
text label in a table cell. Does anybody know why this happens?
Thank you in advanced...
Bisser.

Answer 1

Well, I revisited this issue and found a way to overcome the
problem is to use a class in a div and float it left. That solved
the problem.