capas en internet explorer 6

hola amigos les escribo porque estoy creando una web con capas son 5 capas en mozilla salen bien pero en IE6 salen todas descolocadas cual seria la causa de este problema les dejo mi codigo saludos


html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="Encabezado"></div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">informacion</div>
<div id="publicidad">propaganda</div>
<div id="pie">pie</div>
</body>
</html>

css

body{text-align:center;background-color:lime}
#global{width:800px;margin:4px auto}
#Encabezado{width:800px;height:120px;background-color:green;margin:30px auto;display:block;
text-align:center;background-image: url(animales/Roothunting.jpg;width:800px)}
#navegacion{width:125px;height:600px;background-color:red;border:#000 1px solid}
#contenido{width:500px;height:600px;position:absolute;left:319px;top:180px;background-color:blue;
text-align:center;border:#000 1px solid}
#publicidad{width:125px;height:600px;background-color:purple;float:right;top:180px;position:absolute;left:844px;
border:#000 1px solid}
#pie{background-color:pink;width:800px;height:40px;margin:30px auto;border:#000 1px solid}


espero su colaboracion gracias

:D :D