<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td>
<!-- ImageReady Slices (brain.psd) -->
<table id="Table_01" width="786" height="691" border="0" cellpadding="0" cellspacing="0">

<tr>
<td colspan="2">
<img src="images/brain_01.jpg" alt="" width="786" height="263" border="0" usemap="#Map4">

<div id="myDiv" style=" width:786px; " >
jxnjxasx sxaxax xaxa;sxa asxmamxa xasmxa xaaxa mxaxllamxa
<img src="images/brain_02.jpg" alt="" width="86" height="20" border="0" />
asxmamxa xasmxa
<div style="" id="pg"> Welcome to the page </div>
</div>


</td>
</tr>
<tr>
<td rowspan="2">
<img src="images/brain_02.jpg" alt="" width="236" height="428" border="0" usemap="#Map2">
</td>
<td>
<img src="images/brain_03.jpg" alt="" width="550" height="394" border="0" usemap="#Map3">
</td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>
<td>
<img src="images/brain_06.jpg" alt="" width="550" height="34" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="416,14,545,145" href="http://www.infobahnworld.com" target="_blank">
<area shape="rect" coords="2,3,105,35" href="http://www.facebook.com/pages/BrainoBrain-Jumeira/285987171413272">
</map>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End ImageReady Slices -->
</td>
</tr>
</table>
</body>
i wants to add div inside the table so it will take table width but its not working, i want dis to settle at table bottom ,not the bottom of the page
how can i do that
plz help
css:
#myDiv
{
position: fixed;
left:0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0.6;
background-color: Red;


}
$(function () {

$('#myDiv').delay(2000).animate({ height: '15%' });


});
plz help thnx