Combo-box altid øverst???

Hej

Er der nogen der ved hvorfor combo-boxen altid ligger sig øverst i følgende kode??

<html>
<head>
    <title>Untitled</title>
</head>

<body>

<style type=\"text/css\">
select
{
    z-index: 1;
    position: absolute;
    top: 100px;
    left: 100px;
}

table
{
    z-index: 2;
    position: absolute;
    top: 100px;
    left: 100px;
}
</style>

<form>
<select name=\"\">
    <option>test1</option>
    <option>test2</option>
    <option>test3</option>
</select>
</form>

<div>
    <table width=\"300\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"Silver\">
    <tr>
        <td>testtest</td>
    </tr>
    <tr>
        <td>testtest</td>
    </tr>
    </table>
</div>

</body>
</html>