Support :hover with IE6

/* You can use any element aside from the example below.
   How it works is that you simply create .hover, .active styles
   for whatever element you use this on. Works very well. Uses
   the underscore hack to targe ie6.
*/

input, button {
  _azimuth: expression(
    this.onmousedown = this.onmousedown || new Function("this.className += ' active'"),
    this.onmouseup = this.onmouseup || new Function("this.className = this.className.replace('active','')"), 
    this.onmouseenter = this.onmouseenter || new Function("this.className += ' hover'"), 
    this.onmouseleave = this.onmouseleave || new Function("this.className = this.className.replace('hover','')"), 'inherit');
}

Version for Sass

        
input, button
  :_azimuth expression(this.onmousedown = this.onmousedown || new Function("this.className += ' active'"), this.onmouseup = this.onmouseup || new Function("this.className = this.className.replace('active','')"), this.onmouseenter = this.onmouseenter || new Function("this.className += ' hover'"), this.onmouseleave = this.onmouseleave || new Function("this.className = this.className.replace('hover','')"), 'inherit')