使用javaScript無法讓圖像顯示在隨機位置

Question

我試圖在隨機位置的頁面左側生成5個圖像。圖像顯示在頂部一排，而不是我需要的隨機位置。我的CSS中有img {position：absolute}。我很抱歉，如果這已被覆蓋以前，我已經無休止地搜索答案，並嘗試了很多不同的例子，但我仍然卡住，請有人指出我在正確的方向，請。

<script> 
    var numberOfFaces = 5; 
    var theLeftSide = document.getElementById("leftSide"); 

    function getRandom(x, y) { 
     return Math.floor(Math.random() * (y - x)) + x + 'px'; 
    }; 

    function generateFaces() { 
     for (var i=0; i<numberOfFaces; i++) { 
     var faces = document.createElement("img"); 
     faces.src = "smile.png"; 
     faces.style.top = getRandom(0, 400); 
     faces.style.left = getRandom(0, 400); 
     leftSide.appendChild(faces); 
     }; 
    }; 

    </script> 

Answer 1

http://jsfiddle.net/pynaam1f/

OR

http://jsfiddle.net/pynaam1f/1/

img{ 
    position:absolute; 
}