Как запустить прокручиваемый объект снизу, используя HTML / CSS?

Я видел много решений, использующих JavaScript, но я пытаюсь сделать это, просто используя HTML / CSS / PHP.

У меня есть таблица, где контент загружается с php из базы данных, и я сделал его прокручиваемым. Теперь я хочу, чтобы прокрутка началась снизу.

Вот мой PHP:

echo "<table>";
//get messages
$get_m = "select user_name, message, time from Chat NATURAL JOIN User where user_id = 1;";
$messages = $db->query($get_m);
//display messages

foreach ($messages as $row) {
//display each message in table
echo "<tr>";
echo "<td class='left'>" . $row['user_name'] . "</td>";
echo "<td class='center'>" . $row['message'] . "</td>";
echo "<td class='right'>" . $row['time'] . "</td>";
echo "</tr>";
}
//end table
echo "</table>";

Вот мой CSS:

#chat_tab table{
position:               relative;
display:                block;
overflow-y:             scroll;
scrollTop:              scrollHeight;
}

Спасибо!