JSFiddle - React, Tailwind, and code Playground

HTML

<div id="features_menu">
    <a id="design_bt">
        <div class="not-selected"><span>DESIGN</span></div>
        <div class="selected"><span>DESIGN</span></div>
    </a>
</div>

CSS

#design_bt{
    display: block; position: absolute; top:28px; left: 117px; 
    width: 46px; height: 44px; cursor:pointer;
}
#design_bt > .selected{
    background: url('http://www.spreadshirt.net/users/2271000/2270824/profile/2270824_spread.jpg') no-repeat center;
    position: absolute; top:0px; left: 0px; width: 46px; height: 44px;

}

#design_bt > .not-selected{
      background: url('http://www.spreadshirt.net/users/2271000/2270824/profile/2270824_spread.jpg') no-repeat center; cursor:pointer;
    position: absolute; top:0px; left: 0px; width: 46px; height: 44px;
}
#design_bt span {
    position: absolute; top: 52px; left: 2px;
}

JavaScript

window.addEvent( 'domready' , function(event){
      $$('#features_menu a').each(function(item, index){
          item.addEvent('click', function(event){
              console.log($(event.target));
              console.log($(event.event.currentTarget));
          })
      })  
})