CSS - multiple point sizes and line spacing

Hi -

I'm using two different point sizes in a sentence and the line spacing is coming out un-even when I view in IE on a PC. This doesn't happen on either IE or NS on a Mac - the line spacing remains even.

What am I doing wrong? Should I be using ems and not points? Is this an IE Windows bug?

Here's a snippet of the code:

<div id="text"><span class="caps">T</span>ypical art deco pattern on a lemon lustre ground. The wicker handle is also in excellent condition. No known restoration.<br>
</div>

This is the CSS coding:

<style type="text/css">
body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 12pt;
color: #7a716a; }

.caps { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 18pt;
line-height: 12pt;
color: #7a716a; }

#text { position: absolute;
top: 415px;
left: 15px;
width: 400px;
height: 58px;
z-index: 5; }
</style>

Any and all suggestions appreciated.

Thanks -
Robsta

Hi there -

In case anyone's interested, I think I might have gotten the answer to my question.

Someone suggested increasing the line spacing for .caps to 18 pt. I've not had a chance to look at it on a PC yet (I'm on a Mac), but my client viewed said that it worked.

- Robsta