Odiando Internet Explorer

Buenas de nuevo. Como podeis ver por el título, soy otro sufridor del manejo de las CSS que tiene Internet Explorer. Actualmente, estoy diseñando una página web para una pequeña empresa, y todo iría perfecto si no fuera por que el cabrón del explorer no muestra bien el margen del pie de página (firefox, opera, safari... ellos si lo muestran de manera correcta). Ni siquiera el Internet Explorer 7 beta 2, del cual dicen que implementa mejor las CSS 2. Así que estoy a la busqueda de la solución, y volveré a leerme los dos librillos que tengo. Pero..¡¡será cabrón!!

Para los interesados, aquí tengo la platilla css:



/*Base de la pagina */

body {
   
 
 font-family: times, times new roman, trebuchet ms;
 background-color: #FFFFFF;
 margin-top: 5px;

}

a:active {
    color: #E6E6FA;
}

a:link {
    color: #E5E5E5;
}
a:visited {
    color: #E6E6FA;
}
a:hover {
    color: #FF0000;
   
}


a.pie:link{

    color: #4D4D4D;
}

a.pie:visited{

    color: #000000;
}

a.pie:active{

    color: #FF0000;
}

a.pie:hover{

    color: #FF0000;
}


ul {
list-style-type: none

}

li.main {

    list-style-image: url(images/bullet.gif);

}

li.second {

    list-style-image: url(images/arrow.gif);

}


/*Distribucion*/

#pagina /* 740 x auto*/ {
   
    width: 740;
    height: auto;
   
}

#encabezado /*100% x 80 */{
    top: 5px;
    width: 100%;
    height: 80px;
   
}

#encabezado #titulo /*250 x auto*/{

    width: 250px;
    height: auto;
    text-align: left;
    display: block;
}

#enlaces /* 100% x auto */ {

/*    background-color:#FFF8D5;*/
/*    background-color:#FD0004;*/
    background-color:#000000;
    left: 5px;
    width: 100%;
    height: auto;
    text-align: center;
    display: block;
}

#contenido /* 100% x auto */ {

    width: 100%;
    height:90%;

}

#columnaIz /*200 x auto */ {

    position: absolute;
    top:110px;
    left:8px;
    width:200px;
    height: auto;
    background-color:#4D4D4D;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left:5 px;
    padding-right:5 px;

}


#columnaCen /* 640 x auto */{
   
    position: absolute;
    top: 110px;
    left: 215px;
    width: 640px;
    height: auto;
    background-color:#E5E5E5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#piePagina /*100 x auto*/{

    margin-top: 500px;   
    margin-left: 2%;
    margin-right:2%;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #000;
    width: 95%;
   
    background-color:#E6E6FA;


}

Y el error: El pie de página, en explorer, se pone detrás de la capa #contenido, justo debajo del logo. En fins, cuando lo solucione, indicaré la respuesta. Es lo que tiene ser un novatillo en esto e intentar pasar de herramientas wysiwyg (utilizo bluefish).