Hola a todos, estoy empesando en el diseño y programacion web, estoy bastante avanzado en el tema, logre hacer mi pagina bastante dinamica, incluyendo ajax y php, pero tengo un problema importante.
Mi pagina se ve perfectamente en Firefox, Netscape y Safari, pero NO EN INTERNET EXPLORER 5 Y 6.
Todo el diseño de estilos que programe en el CSS se ve muy mal en este navegador, estuve tratando de arreglarlo, el principal problema me lo daba las siguientes propiedades que al parecer IE no las toma como corresponde ¨position¨y "overflow".
Por favor ayudenme!!!! y GRACIAS!

Les adjunto el css

Código :

/* CSS Document */
  
body {
   margin:10px;
   padding:0px;
   border: 0px;
   background-image:url(images/images/images/fondo_02.jpg);
   background-color: #666633;
   background-repeat: repeat-x;
}

tr {
   vertical-align:top;
   padding: 0px;
   margin: 0px;
   border: 0px; 

   }

td {
   vertical-align:top;
   padding: 0px;
   margin: 0px;
   border: 0px; 

   }

p {
   margin-left: 35px;
   margin-right: 35px;
   margin-top: 12px;
   text-align:left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #660000;      
}

a {color:#333333;}
a:hover { color:#990000;}


table#Table_body {
   width: 780px;
   height: 700px;
   border:2px solid #000000;
   background-color:#D8CAAA;
   }

#contenidos {
   height: 550px;
   width: 601px;
   overflow: auto;
   position: absolute;
   margin-top:20px;
   
}

#contactos {

   height:230px;
   width:179px;
   vertical-align:top;
   text-align:center;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #333333;
   line-height:18px;
}

#login {
   height:70px;
   width:179px;
   text-align:right;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #666666;

}

#player {
   height:225px;
   width:179px;
   vertical-align:middle;
}

#DivPlayer {
   height:225px;
   width:179px;
   text-align:center;
   overflow:hidden;
   }



#legales {
   height:30px;
   width:780px;
   background-image:url(images/legales.jpg);
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   vertical-align:middle;
   text-align:right;
   
}

#navi {  
   list-style:none;
   margin-left:20px;
   margin:0;
   text-align:center;
   padding:30px;
}
#navi li {
   margin:2px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   padding:4px;
   float:left;
}

#navi li a:hover { color:#990000;
}