CSS: Что-то очень странное в отображении

[HTML]
#Top{
position: relative;
border: 1px solid #900;
background-color: #900;
}

#River{
position: absolute;
top: 5px;
left: 5px;
width: 100px;
height: 250px;
background-color: #DDD;
}

<table border="0" cellpadding="0" cellspacing="0" width="800" align="center">
<tr>
<td colspan="2" height="100" valign="top">
<div id="Top">
<div id="River">&nbsp;</div>
</div>
</td>
</tr>
</table>
[/HTML]

В результате получается очень странная вещь: видно два слоя River - один там, где он и должен быть, другой в координатах документа, т.е. - 5 пикс сверху и 5 пикс слева от верхнего левого угла.

Отчего так? И как с этим бороться?