Uso de float en IE8

[juandedios]

Hola, tengo un problema con la posicion de los DIV, eh testeado esto en todos los navadores incluyendo versiones anteriores de IE y en la unica que no me sale es en IE8.

Código CSS:

div#caja {
      width: 980px;
      height: auto;
      margin-left: 20px;
}
 
div#caja div#left {
      width: 650px;
      height: auto;
      float: left;
}
 
div#caja div#right {
      width: 310px;
      height: auto;
      float: right;
}
 

y en HTML lo pongo asi:

Código HTML:

<div id = "caja">
      <div id = "left">
            <!-- Contenido -->
      </div>
 
      <div id = "right">
              <!-- Contenido -->
      </div>
</div>
 

en IE 8 el contenido del <div id = "right"> se ve a la derecha, pero cuando termina el div = left.

Espero que mem puedan ayudar.