ho creato una pagina semplicissima

Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>prova</title>
<style type="text/css">
html,body{
    margin: 0px;
    margin-top:1px;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color:white;
}

div#test { margin: 0 auto; width: 760px; height:32px; }
div#test ul { list-style: none; list-style-type:none; margin: 0; padding: 0; border: 0; position:relative; left:66px;  }
div#test ul  li { margin: 0; display: inline; }
div#test ul  li a {
    display: block;
    margin: 6px 2px 0 2px;
    width: 33px;
    height: 22px;
    float:left;
    border: 1px solid black;
}

div#container{
    margin: 0 auto;
    width: 760px;
    padding: 0px;
    border: 1px solid #7C9FC3;
}

</style>
</head>

<body>
<div id="test">
    <ul>
        [*][url="1"]1[/url]
        [*][url="2"]2[/url]
    [/list]
</div>
<div id="container">
pippo
</div>
</body>
</html> 
firefox mi interpreta bene il position relative e il left 66px di ul, ma internet explorer non ci pensa proprio, è come se mi ignorasse il left 66px, sapete dirmi perchè?