title: onmouseover and onmouseout event being triggered on page load not on events
body: <p>I have the following code     </p>
  
  <pre><code>var statusList = document.createElement('ul'); //I am populating this list elsewhere
  statusList.style.display = 'none';
  var statusSpan = document.createElement('span');
  statusSpan.onmouseover = mapControlHover(statusList);
  statusSpan.onmouseout = mapControlNoHover(statusList);
  
  function mapControlHover(element) {
    element.style.display = 'block';
  }
  
  function mapControlNoHover(element) {
    element.style.display = 'none';
  }
  </code></pre>
  
  <p>Both of the events are firing on page load(which they should not do). Neither are being fired onmouseover or onmouseout.</p>
  
  <p>Please NO jquery in answers. Thanks</p>