<!DOCTYPE HTML>
<link rel="stylesheet" href="../resources/default.css" />
<style>
table { border-spacing: 0px }
td { padding: 0px; border: 2px solid green; }
</style>
<table class="relative" style="table-layout: fixed; width: 0; top: 1200px; left: 800px;">
<tr>
<td class="green" style="height: 100px; width: 300px;"></td>
<td class="green" style="height: 100px; width: 450px;"></td>
</tr>
<tr>
<td class="green"></td>
<td id="cellToScroll" class="relative" style="overflow: scroll;">
<div class="green" style="height: 450px; width: 950px"></div>
</td>
</tr>
</table>
<script>
window.scrollTo(950, 1250);
cellToScroll.scrollLeft = 1200;
</script>