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

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>

  1. hi,

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

    letzteres, siehe auch </archiv/>.

    gruss,
    wahsaga

    1. Das Archiv ist gross....

      1. Hi Imperfekt,

        Das Archiv ist gross....

        nicht mit den Suchbegriffen "select" und "z-index".

        Grüße,
         Roland

        --
        <img src="http://62.26.121.2/dat/bgf/200402/06/love-2.gif" border="0" alt="">
        Zielgruppengerechte Werbung