#eyes-b {float:left;width:10em;height:2em;background:fixedurl(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAABnRSTlMAAAAAAABupgeRAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAAEUlEQVR42mP4%2F58BCv7%2FZwAAHfAD%2FabwPj4AAAAASUVORK5CYII%3D);border-left:solid1emblack;border-right:solid1emred;}/* should paint in the middle layer because it is a float */

#eyes-c {display:block;background:red;border-left:2emsolidyellow;width:10em;height:2em;}/* should paint bottom most because it is a block */

/* lines six to nine, with nose: auto margins */

.nose {float:left;margin:-2em2em-1em;border:solid1emblack;border-top:0;min-height:80%;height:60%;max-height:3em;/* percentages become auto (see 10.5 and 10.7) and intrinsic height is more than 3em, so 3em wins */padding:0;width:12em;}

.smile div div span em strong {width:6em;display:block;margin-bottom:-1em;/* should have no effect, since parent has top&bottom borders, so this margin doesn't collapse */}

/* line twelve: line-height */

.chin {margin:-4em4em0;width:8em;line-height:1em;border-left:solid1emblack;border-right:solid1emblack;background:yellowurl(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAFSDNYfAAAAaklEQVR42u3XQQrAIAwAQeP%2F%2F6wf8CJBJTK9lnQ7FpHGaOurt1I34nfH9pMMZAZ8BwMGEvvh%2BBsJCAgICLwIOA8EBAQEBAQEBAQEBK79H5RfIQAAAAAAAAAAAAAAAAAAAAAAAAAAAID%2FABMSqAfj%2FsLmvAAAAABJRU5ErkJggg%3D%3D)/* 64x64 red square */no-repeatfixed/* shouldn't be visible unless the smiley is moved to the top left of the viewport */;}

<div class="parser-container"><div class="parser"><!-- ->ERROR<!- --></div></div><!-- two dashes is what delimits a comment, so the text "->ERROR<!-" earlier on this line is actually part of a comment -->