You have duplicate id's, in both spans, the selects have id 'hourselect' and 'minuteselect'.
In your JS functions, you call document.getElementById. Depending on which browser you use, you can get different behavior because of duplicate id's.
You should probably use the loadhourselector(this) pattern, and use the 'this' passed to the function to call appendChild on:
function loadhourselector(element)
{
var start_time = 00;
var end_time = 23;
for (var i = start_time; i <= end_time; i++)
{
node = document.createElement("Option");
textnode = document.createTextNode(i);
node.appendChild(textnode);
element.appendChild(node);
}
}
<select id="hourselect" size="1" onclick="loadhourselector(this)"></select>