Aporte - CSS compatible para todos los navegadores

[Hectorito]

Buen dia.

No me funciona he probado varias cosas pero el error persiste en los navegadores, mi codigo es el siguiente

Código CSS:

html,body{
 margin: 0px;
 padding: 0px;
 height: 100%;
width: 100%;
}
 
#contenedor {
        
width: 1200px;
margin: 0px auto;
padding:0px ;
height: 600px;
}
 
#izquierda {
    
background:#0000;
 
width: 25%;
float: left;
height: 520px;
border-width:5px;
border-style:groove;
margin: auto;
}
#derecha {
border-width:2px;
border-style:groove;
overflow:auto;
width: 71%;
height: 520px;
text-align: center;
 
 
}
 
#enlaces{
background:#112837;
height: 50px;
width: 97%;
margin:10px;
border-width:3px;
border-style:groove;
 
}
 
.img{
  width: 100px;
  height: 60px;
}
 
.link{
    text-decoration: none;
    color: #2E2E2E;
    font-family: Georgia,Times New Roman, serif;
    font-weight: bold;
    text-align: center;
    position: relative;
 
    }
 

en chrome sale perfecto, en firefox casi perfecto solo que el div=derecha sale corrido a la derecha si no estoy mal la misma canidad de posiciones como el ancho del mismo, y en IE definitivamente no va, no funciona nada de nada..

me podria colaborar ?

gracias!