Hi guys, I'm trying to mod a theme to fit my homescreen. My issue is that the .html file is not doing what I want when being edited. The only value that responds when I change it is the td align value, while margin-left, height, and valign do nothing when changed.

My goal is to make the am/pm sign line up with my clock well. My second goal is to have the text fade in one second after I open my lock screen. Please help?

.html file attached. Screenshot: imgur.com/lPRhhF9

<div id="Layer"><img src="LockBackground.png" class="stretch"/></div>
<base href="Ext/"/>
<meta http-equiv="refresh" content="900; url=LockBackground.html"/>
<script type='text/javascript' src='Javascripts/Clock.js'></script>
<link rel="stylesheet" type="text/css" media="all" href="Stylesheets/lockscreen.css" />
<body onload="onLoad()">
<td align="center" id="clock" height="12" valign="top" margin-left="30">
<span id="clock" data-title="clock">
<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script>

<td align="left" id="ampm" height="15" valign="top" margin-left="10">
<span id="ampm" data-title="ampm">
<script language="JavaScript">amPm(); setInterval('amPm()', 1000 )</script>