title: Border change color on hover
body: <p>I want a right border to change from green to black on hover.
  The CSS I tried doesn't work. How do ?</p>
  
  <hr>
  
  <p>Html :  </p>
  
  <pre><code>&lt;li class=""&gt;
  &lt;a class="xclass" title="1stmenu" href="mylink"&gt;mytext&lt;/a&gt;
  </code></pre>
  
  <hr>
  
  <p>CSS :</p>
  
  <pre><code>.sf-menu &gt; li {  
    float: left;  
    border-right: 2px solid;  
    border-color : #fff #00a54f;  
                 }  
  .sf-menu &gt; li.sfHover &gt; a,  
    .sf-menu &gt; li &gt; a:hover, .sf-menu &gt; li.sfHoverForce &gt; a {  
      border-color : #fff black;  
      color: #00a54f; }
  </code></pre>
  
  <hr>
  
  <p>If anyone can also throw in some information about how the hover script is executed, it will be much appreciated.</p>