JSFiddle - React, Tailwind, and code Playground

HTML

<p>In Internet Explorer 8, the gray rectangle below will have a light gray line near the right edge and another light gray line near the bottom edge.</p>

<div id="container">
    <div id="small_black_box">
        <div id="large_white_box"></div>
    </div>
</div>

<p>Screenshot:</p>

<img...

CSS

#container {
    background: #666;
    float: left;
    padding: 10px;
}

#small_black_box {
    background: black;
    width: 200px;
    height: 100px;
    overflow: hidden;
}

#large_white_box {
    background: white;
    width: 300px;
    height: 200px;
    filter: alpha(opacity=40);
}

p {
    clear: left;
}