Multiple size fonts and line spacing

[robsta]

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
:)

[skinme!]

On IE6/PC changing the line-height of .caps to 18pt seems to even it out:

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

[robsta]

Thanks for the speedy reply.

I love it when the solution's easy.

Much thanks -
Robsta
:)