Chrome bug

by nkovacs

HTML

<main>
    <article>
        <section>
            <figure class="fixed">
                <figcaption>Test fixed</figcaption>
            </figure>
            
            <figure class="">
                <figcaption>Test absolute</figcaption>
            </figure>
        </section>
    </article>
</main>

CSS

figure {
    position: absolute;
    top:220px;
    width:50%;
    background: blue;
    height:200px;
}

figure.fixed {
    position: fixed;
    top:0;
    width:50%;
    background: red;
    height:200px;
}

figcaption {
    color: white;
    border: 0.5em solid white;
    position:absolute;
    top: 2em;
    left:2em;
    right:2em;
}

article {
    position: absolute;
    width:100%;
    height:100%;
}