inline elements with background-color taller than text height in moz: how?

[Lucas]

I want this to render in Mozilla:

<span style="height:2em;background-color:green">Blah</span>

showing the background color to be actually 2em tall, not 1em. And yes
I need it to be inline. I've tried everything I can think of, setting
line-height, using <li style="display:inline">, etc etc etc but
nothing seems to work.

Works okay in IE. Can anyone tell me how to do this in Mozilla?

Thx,
Lucas

[Spartanicus]

lu***@krispware.com (Lucas) wrote:

I want this to render in Mozilla:

<span style="height:2em;background-color:green">Blah</span>

showing the background color to be actually 2em tall, not 1em. And yes
I need it to be inline. I've tried everything I can think of, setting
line-height, using <li style="display:inline">, etc etc etc but
nothing seems to work.

10.5 Content height: the 'height' property
'height'
Value: <length> | <percentage> | auto | inherit
Initial: auto
Applies to: all elements but non-replaced inline elements, table
columns, and column groups
http://www.w3.org/TR/CSS21/visudet.h...eight-property

--
Spartanicus