Borders unexpectedly appear around child inline elements in Internet Explorer 7

The following paragraphs have a border set to them, and there is also a setting for p:first-letter that should have no effect. Of course, there should be no border around an element inside the paragraphs, namely around the words “A link” and “A span”. Yet, borders appear there on IE 7. Other browsers (Firefox 2, Safari 3.0.3, Opera 9.50, etc.) pass this testcase. The problem disappears if the rule p:first-letter { font-size: 100% } is removed, and the specific content of the rule does not seem to have an effect, just the fact that there is some rule for p:first-letter.

No problem in this paragraph.

A link begins a paragraph here.

A span begins a paragraph here.

Jukka K. Korpela
Last modified 2007-11-04.