Question

It works in IE/FF but not Chrome.

    html += '<div id = "note" style = "position: absolute; background-color:'
           + newcss[0] + '; margin-left:'
           + newcss[1] + '; margin-top:'
           + newcss[2] +  '; width = 100px; height = 100px;">'
           + newnote + '</div>';

Basically I am adding a new note into the page, with random colors, and position from left and top (stores in newcss).

Pic of IE vs Chrome (IE on left):

https://i.stack.imgur.com/LFZhD.png

EDIT: Yah that was a mistake; width: and height: fixes it to actually be the right size, but they still are all just pasted on the same spot right under the bar, rather than random spaces

EDIT2: I originally had them as separate ids (I was just messing around with jquery to see something haha)

Answer 1

give it css of

top: 0px;
left: 0px;
margin-top: newcss[2];
margin-left: newcss[1];
display: block;

or just

top: 0px;
left: 0px;