Imperfekt: CSS-Bug im IE? => Select-Box im DIV wird nicht verdeckt.

Beitrag lesen

Guten Tag

Bei folgender Datei (siehe unten) wird im IE eine Select-Box, die sich in einem DIV mit overflow:auto befindet beim Scrollen nicht wie vorgesehen vom darüberliedenden und teilweise überlappenden DIV verdeckt, sondern bleibt weiterhin sichtbar.

Stimmt etwas an der HTML-Codierung nicht oder ist das ein Bug des IE?

<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
       <title>CSS-Bug im IE?</title>
</head>
<body>

<div style="z-index:2;
            position:relative;
            top:0px;
            left: 0px;
            width:200px;
            height: 100px;
            background: red;">
ganz viel fröhlicher text
</div>

<div style="z-index:1;
            position:absolute;
            top: 60px;
            left: 50px;
            width:200px;
            height:
            100px;
            background: blue;
            overflow: auto;">

ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
<form>
<select>
   <option>Option 1</option>
   <option>Option 2</option>
   <option>Option 3</option>
   </select>
<input value="Hallo">
</form>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
ganz viel fröhlicher text<br>
</div>

</body>
</html>