Opacity is causing very strange behaviour!
The following is a simple paragraph with nested CODE elements and a width of 700 pixels.
This is some random text one level deep in
code more random text more code, but when
nested: one level deep, then two levels deep one level deep again
and three levels deep (back to two) all kinds of weird
things start to happen.
The following is IDENTICAL to the first except that it has 50% opacity set:
This is some random text one level deep in
code more random text more code, but when
nested: one level deep, then two levels deep one level deep again
and three levels deep (back to two) all kinds of weird
things start to happen.
(A background and a border, which are not needed to show the bug, have been added to these paragraphs so that the opacity property can be seen in effect.)
When verifying this bug, make sure you also try the following test case, which is identical to the second above but with no explicit width (you should try several widths by changing the window size).
This is some random text one level deep in
code more random text more code, but when
nested: one level deep, then two levels deep one level deep again
and three levels deep (back to two) all kinds of weird
things start to happen.
The end.