Flotador IE9 con Desbordamiento: Oculto y Ancho de la tabla 100% que no se muestra correctamente
Estoy tratando de flotar un contenedor en el lado derecho de la página. A la izquierda hay muchas tablas que necesito para ser 100% ancho. Quiero que se extiendan hasta el elemento flotante de la derecha. Cuando ese elemento de la derecha termine quiero que las tablas se extiendan hasta el final de la página.
Esto funciona muy bien en todos los navegadores excepto en IE. En IE, todas las tablas se muestran debajo del elemento flotante a la derecha. Sé que hay una solución alternativa para el desbordamiento oculto en IE, pero no puedo hacer que funcione.
Código abajo.
<code><head>
<style type="text/css">
.container{margin:0 auto; min-width:1000px; max-width:1200px;}
.sidebar{float:right;width:300px;margin-left:5px;}
.tholder{overflow:hidden;}
</style>
</head>
<div class="container">
<div class="sidebar">
<img src="dsfd.jpg" heigh="600" width="295">
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>Text</td></tr></table>
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>Test goes here</td></tr></table>
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>text</td></tr></table>
</div>
</div>
</code>