Negative indent for headers

doesn't work in IE 5.5

[wanderlusty]

Hey guys, I'm having trouble with an effect I have not working in IE 5.5 I set a negative relative position on headers on my site, to set them back from the main text about one letter. This seems to work in all browsers I have tried except IE 5.5, where the first letter dissapears. Do you have any idea why it isn't working in 5.5 and how can I make it work in 5.5 as well (or just make it "normal" in that browser.

example page:
<No personal URLs, thanks. See TOS [webmasterworld.com]>

relevant css:

div.text h1 {
font-size: 110%;
font-style: normal;
font-weight: bold;
position: relative;
left: -1em;
letter-spacing: 2px;
line-height: normal;
display: block;
color: #995833;
padding: 0px;
margin: 0px 0px -5px;
}
div.text p {
position: relative;
top: -7px;
}

Thanks!

[edited by: DrDoc at 12:57 am (utc) on May 4, 2004]
[edit reason] No URLs, thanks. See TOS [webmasterworld.com] [/edit]

[SuzyUK]

anyone with IE5.5 to test?

I don't have access just now, but I'd try not putting a margin on the <h1> and margin the <p> on the left by 1em instead..

Suzy

[DrDoc]

seems to work in all browsers I have tried except IE 5.5, where the first letter dissapears

Sounds like the peek-a-boo bug, but for IE5.5 instead. :(
Is there a "space" for the letter, or does it seem like it's been cut off?

[wanderlusty]

Well I never actually saw it myself, no IE 5.5 I think that it was cut off. What's the peek-aboo bug? Why I ended up doing was putting in a filter for IE 5.5 which I hope works! I'd like to know how to get the effect with IE 5.5 too though.

If I offset the p instead, won't I have the cut-off text on the right side instead?