title: Rewrite ui-state-hover
body: <p>I'm using jquery ui 1.8.5, and i develop a menu, but i'm having troubles trying to remove from default style of the class <code>ui-state-hover</code> the property of border-width. </p>
  
  <p>Which recommendation have to accoplish my goal here's my code </p>
  
  <p><strong>the html</strong></p>
  
  <pre><code>&lt;div id="menu" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all"&gt;
      &lt;label class="formatText" id="lblIndicators"&gt;Primer Menu&lt;/label&gt;
      &lt;span class="ui-icon ui-icon-triangle-1-e menuIcon" style="float:right"&gt;&lt;/span&gt;
      &lt;div id="subMenu" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all"&gt;
      &lt;ul class="options"&gt;
          &lt;li&gt;
              &lt;label class="formatText"&gt;Sub Menu Uno&lt;/label&gt;
              &lt;span class="ui-icon ui-icon-triangle-1-s" style="float:right"&gt;&lt;/span&gt;
              &lt;div id="subMenuRight" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all"&gt;
                  &lt;ul class=options&gt;
                      &lt;li&gt;Sub-Sub Menu Uno&lt;/li&gt;
                      &lt;li&gt;Sub-Sub Menu Dos&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;Sub Menu Dos&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>my js</strong></p>
  
  <pre><code>$(document).ready(initialize);
  
  function initialize(){
  
      $("#menu").hover(mouseIn,mouseOut);
      $(".options li").hover(overOption,outOption);
      $("#subMenu").hover(openRightMenu,closeRightMenu);
  }
  
  function mouseIn(){
      $(this).find('span').attr('class','');
      $(this).find('span').attr('class','ui-icon ui-icon-triangle-1-s');
      $("#subMenu").slideDown(100);
  }
  
  function mouseOut(){
      $(this).find('span').attr('class','');
      $(this).find('span').attr('class','ui-icon ui-icon-triangle-1-e');
      $("#subMenu").fadeOut(100);
  }
  
  function overOption(){
      $(this).attr('class','ui-state-hover ui-corner-all');
  }
  
  function outOption(){
      $(this).attr('class','');
  }
  
  function openRightMenu(){
      $("#subMenuRight").slideDown(100);
  }
  
  function closeRightMenu(){
      $("#subMenuRight").slideUp(100);
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/ZxvkN/1/" rel="nofollow">Here's a live exmaple</a></p>