Chrome required popup gets hidden

by petersendidit

HTML

<form>
<div>
    <div>
    <select required="required" multiple="multiple"> 
<option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option><option>foo</option>
</select>
    </div></div>
<div><div>hello</div></div>
<input type="submit" name="submit" value="submit" />
</form>

CSS

div {
    z-index: 1; 
    position: relative;
    
    background: red;
    width: 200px; 
    height: 60px;
    margin-bottom: 30px;
}