I have this:

<div id=layer1 style="position:absolute; top:50; left:40;
    width:100; height:300; z-index:1; padding:0px; />
TEXT GOES HERE!
</div>

When I change the positioning it still doesn't move and stays in the top left hand corner? Please can you tell me how I can move it?

Try this:

<div id=layer1 style="position:absolute; top:50px; left:40px;
    width:100px; height:300px; z-index:1; padding:0px;">
TEXT GOES HERE!
</div>

You must tell the style what 50 is point or px (unless it is equal to 0, because 0px = 0pt :-) ). You forgot to close style values with ". And you incorrectly closed your div with “/>”.

Hope that helps.