[beta] challenge html/css output not visible until code is run

Challenge change-the-position-of-overlapping-elements-with-the-zindex-property has an issue. User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36. Please describe how to reproduce this issue, and include links to screenshots if possible.

The content from the previous exercise is shown but not the content from the current exercise. The content only reveals itself when the challenge is completed.

    
    
<style>
div {
  width: 60%;
  height:200px;
  margin-top: 20px;
}

.first {
  background-color: red;
  position: absolute;
  z-index: 2;
}
.second {
  background-color: blue;
  position: absolute;
  left: 40px;
  top: 50px;
  z-index: 1;
}
</style>

<div class="first"></div>
<div class="second"></div>

    ```
    

[no-stack-dub-sack]

Actually, this was reported in #12807, please see that issue, closing this as duplicate

[tommygebru]

@no-stack-dub-sack after re-reading your earlier posts

“@tommygebru When you loaded the challenge, could you see the rectangles in the smartphone element before you adjusted the z-index?”

In short, no.