You wrote: font-size: 0.5rem. Is it a typo? Anyway, I think it's somewhat related to the cascade and inheritance behavior when applied to pseudo-elements. You first declared a font-size on a type selector, p, with a pseudo-element, then you declared a class with another pseudo-element on the same element type (p). The point is that they're both Ps, so they inherit from each other. This is a controverted question. I think this IE's behavior **might** be correct.
On Thu, Apr 25, 2013 at 12:41 PM, Philip TAYLOR <p.tay...@rhul.ac.uk> wrote: > Please take a look at : > > > http://hellenic-institute.rhul.ac.uk/research/Etheridge-development/Test/ > > (transcript below) and compare its appearance in IE 10 > and another browser (I use Seamonkey; it will almost > certainly appear in Firefox as it does in Seamonkey, > as they use the same rendering engine). > > If you use page zoom (Ctrl +) to make everything clearly > visible, you will see that in IE, the generated content > on line two is about one half of the generated content > on line one, whilst the generated content on line four is > exactly the same size as that on line three. Lines one > and two use "em" units for the generated content, lines > three and four use "rem" units. The only difference between > the first and second line of each pair is that the <P> element > is placed in a class, and the CSS rule applies both to the > classless and classed <P> elements. > > It seems to me that IE may be incorrectly applying the font-size > attribute of the rule twice in the case of the classed <P> elements > (but not the content attribute) -- once for the <P> and once for > the class; what do others think ? > > Philip Taylor > -------- > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" > "http://www.w3.org/TR/html4/strict.dtd";> > <HTML> > <HEAD> > <META http-equiv="Content-Type" content="text/html; charset=utf-8"> > <TITLE>IE generated content test</TITLE> > <STYLE type="text/css"> > DIV.em P::before, DIV.em P.EOF::before > {font-size: 0.5em; content:"em-units: "} > DIV.rem P::before, DIV.rem P.EOF::before > {font-size: 0.5rem; content:"rem-units: "} > </STYLE> > </HEAD> > > <BODY> > <DIV class="em"> > <P>Line one</P> > <P class="EOF">Line two</P> > </DIV> > <DIV class="rem"> > <P>Line three</P> > <P class="EOF">Line four</P> > </DIV> > </BODY> > </HTML> > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > -- Gabriele Romanato Referente IWA ITALY - Regione Abruzzo International Webmasters Association Italia http://www.iwa.it | e-mail: abru...@iwa.it Professionista Web - Legge 4/2013 http://gabrieleromanato.com/ http://gabrieleromanato.name/ (English) ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
