JavaScriptとDocType - 明日も楽をするために

始めに以下のソースを見てください

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script type="text/javascript">
<!--
function left_move()
{
    document.getElementById('img').style.left = 100;
}
// -->
</script>
</head>
<body topmargin="0" leftmargin="0">
<a href="#" onclick="left_move(); return false;">left</a><br />
<img src="./img.gif" id="img" style="position:absolute;top:20px"><br />
</body>
</html>

htmlにJavaScriptを使用して画像の位置を動かすソースです。
しかしなぜか動かない・・・

ﾊﾞﾝﾊﾞﾝﾊﾞﾝﾊﾞﾝﾊﾞﾝﾊﾞﾝﾊﾞﾝ
ﾊﾞﾝ　　　　ﾊﾞﾝﾊﾞﾝﾊﾞﾝ
ﾊﾞﾝ (∩`･ω･)　ﾊﾞﾝﾊﾞﾝ
　＿/_ﾐつ/￣￣￣/
　　　＼/＿＿＿/￣￣
※叩いても変わりません

何度やってもソースの間違いが分からずエラーもでません。
諦めかけてソースを適当に書き直すと・・・

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script type="text/javascript">
<!--
function left_move()
{
    document.getElementById('img').style.left = 100;
}
// -->
</script>
</head>
<body topmargin="0" leftmargin="0">
<a href="#" onclick="left_move(); return false;">left</a><br />
<img src="./img.gif" id="img" style="position:absolute;top:20px"><br />
</body>
</html>

あれ？何故かこれだと動く(´ω`)

あ！

DocType宣言が原因だ！

原因が分かったのでこちらのページを参照して知りました
bayashi.jp

超常識だったのに知らんかった・・・

ちゃんと勉強しないと駄目だなと思った一日でした