
Problem at table inside div
I've a page which have a table inside a div, with radius and box shadow as same time, when I load the page, my IE must hang. If I disable the PIE.htc of the table, there's no problem. How can I fixed this problem? I don't want to use image background because the table is dynamic and the height not fixed.
Here's my code:
<div class="block">
<table width="100%" cellpadding="0" cellspacing="0" border="0" id="tblAbout">
<tr>
<th width="150"><div class="double-line">Subject</div></th>
</tr>
<tr>
<td><img src="images/about/image.png" align="absmiddle"></td>
</tr>
</table>
</div>
.block {
background-image:url(../images/bg_block.png);
background-repeat:repeat-y;
border: 1px solid #4f4948;
padding: 30px 7px 7px 7px;
text-align: justify;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
behavior: url(css/PIE.htc);
}
#tblAbout {
background-color:#fff;
color:#565656;
margin:20px 0 0 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
behavior: url(css/PIE.htc);
}
I've this problem a week ago and I still can't fixed the problem.
Anyone can help? Thank you very much!