Problema con capas en ie8

[mdk]

Prueba así:

Código HTML:

<div id="paneles">
	<div id="panel_01" style="margin:0 auto; margin-top: 10px;">
        <div style="float:left; width: 50%; padding-bottom: 6px;">
			<table> // Contenido de la tabla </table>
        </div>
        <div style="float:right; width: 50%; padding-bottom: 6px;">
			<table> // Contenido de la tabla </table>
        </div>
	</div>     
	<div id="panel_01" style="margin:0 auto;">
	     <div style="float:left; width: 50%; padding-bottom: 6px;">
                  <table> // Contenido de la tabla </table>
        </div>
        <div style="float:right; width: 50%; padding-bottom: 6px;">
                <table> // Contenido de la tabla </table>
        </div>
	</div>
</div> 

Te muestra 2 filas por 2 columnas. Solo he sustituidos los spam por divs y he añadadio una nueva capa.