document.observe('dom:loaded', function() {
  if (Prototype.Browser.IE) {
    /*
     * onmouseover and onmouseout are used instead of observe,
     * due to a bug in IE6 with event handling
     */
    $$('#nav li').each(function(listItem) {
      listItem.onmouseover = function() {
        this.addClassName('sfhover');
      }.bind(listItem);
      listItem.onmouseout = function() {
        this.removeClassName('sfhover');
      }.bind(listItem);
    });
    $$('#nav span').invoke('observe', 'mouseover', function(event) {
      event.element().addClassName('span-hover');
    }).invoke('observe', 'mouseout', function(event) {
      event.element().removeClassName('span-hover');
    });

  }
 })