I don't know what is this. I'm thinking that it's bug.
Look at this HTML-page:
<SCRIPT LANGUAGE="JavaScript">
<!--
var isShow = false;
function fnShowItems()
{
var count = 0;
if (!isShow) { count = 7; isShow = true; }
else { count = 1000; isShow = false; }
var list = document.all.List;
for (var i=0; i<list.rows.length; i++)
{
if (i>=count) list.rows[i].style.display = 'none';
else list.rows[i].style.display = 'inline';
}
}
//-->
</SCRIPT>
<DIV id='LayerData' style='overflow: auto; height:150px; width:280;
position: static'>
<p>
<TABLE id="List" ALIGN="CENTER" border="1">
<tr>
<td><b>col #1</b></td><td><b>col #2</b></td>
</tr>
<tr style="background-color: #cfdbea;">
<td>data1</td><td>data2</td>
</tr>
<tr> <td>14.01.03</td><td>value</td> </tr>
<tr> <td>15.01.03</td><td>value</td> </tr>
<tr style="background-color: #cfdbea;">
<td> data1</td><td>data2</td>
</tr>
<tr> <td>01.02.03</td><td>value</td> </tr>
<tr> <td>02.02.03</td><td>value</td> </tr>
<tr> <td>03.02.03</td><td>value</td> </tr>
<tr> <td>04.02.03</td><td>value</td> </tr>
<tr> <td>05.02.03</td><td>value</td> </tr>
<tr> <td>06.02.03</td><td>value</td> </tr>
<tr> <td>07.02.03</td><td>value</td> </tr>
<tr> <td>08.02.03</td><td>value</td> </tr>
<tr> <td>09.02.03</td><td>value</td> </tr>
<tr> <td>10.02.03</td><td>value</td> </tr>
<tr> <td>11.02.03</td><td>value</td> </tr>
</table>
</DIV>
<P><input type='button' value='Press' onClick='fnShowItems()'>
Please, press twice the button down of page. JavaScript must to show
or to hide some rows in the table. There are interesting
feature after this action: layer (<div></div>) are moving up or down
on page.
If remove table's property ALIGN='CENTER' or change this on
ALIGN='LEFT', then trouble will be disappear.
This trouble are observing with dynamic changing of table only and if
DIV has style OVERFLOW: AUTO.
Is it bug or feature ?
P.S. Sorry for my previos message