javascript - JavaScript を使用してページ内の特定の座標に文字を配置するにはどうすればよいですか

Question

私はこのコードを試しました：

var span = document.createElement('span')
span.style.position = 'absolute'
span.style.color = 'red'
span.style.left = 100
span.style.top = 100
span.innerHTML = '*'
document.body.insertBefore(span, document.body.firstChild)

ただし、このコードでは、(100, 100) ではなく座標 (0, 0) にアスタリスクを配置しています。jsfiddle の URL は次のとおりです: http://jsfiddle.net/E5NDV/

これを正しくするのを手伝ってくれませんか？