Problema de Diseño con la Vista Compatibilidad en IE9

[piskui]

Adjunto el código HTML:

Código:

 <div style="padding: 5px; width: 95%; height: 200px; overflow-y: auto;" id="div1">
<table style="border: 1px solid white; text-aling: center;" cellSpacing="2" cellPadding="4" width="100%">
<tbody>
<tr style="border: 1px solid white;">
<th style="border: 1px solid white; width: 40%; text-align: left;" class="1">Columna1 </th>
<th style="border: 1px solid white;" class="1" width="5%" scope="col"></th>
<th style="border: 1px solid white;" class="1" width="25%" scope="col">Columna2</th>
<th style="border: 1px solid white;" class="1" width="15%" scope="col">Columna3</th>
<th style="border: 1px solid white;" class="1" width="15%" scope="col">Columna4</th>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: left;"> <span title="Valor"> Valor </span></td>
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor  </td>
<td style="border: 1px solid white; text-align: center;">Valor  </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: left;"> <span title="Valor"> Valor </span></td>
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: left;"> <span title="Valor"> Valor  </span></td>
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor  </td>
<td style="border: 1px solid white; text-align: center;">Valor  </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: left; vertical-align: top;" rowSpan="3"> <span title="Valor"> Valor </span></td>
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
<td style="border: 1px solid white; text-align: center;">Valor  </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: left;"> <span title="Valor"> Valor</span></td>
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: left;"> <span title="Valor"> Valor </span></td>
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: left;"> <span title="Valor"> Valor</span></td>
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: left;"> <span title="Valor"> Valor</span></td>
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: left;"> <span title="Valor"> Valor</span></td>
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
</tr>
<tr style="border: 1px solid white;">
<td style="border: 1px solid white; text-align: left;"> <span title="Valor"> Valor </span></td>
<td style="border: 1px solid white; text-align: center;"><img style="cursor: pointer;" title="Vista Previa" alt="" src="../../img/ES/home/iconos/icono.jpg" /></td>
<td style="border: 1px solid white; text-align: center;"><div style="width: 100%;" id="progress_bar" class="ui-progress-bar transition" align="left"><div style="left: 0px; top: 0px; width: 100%;" class="ui-progress" align="center"><b style="color: black;" class="value"> 100%</b></div></div></td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
<td style="border: 1px solid white; text-align: center;">Valor </td>
</tr>
</tbody></table>
</div>