title: I want my drop down menu to be right aligned and not the default left align
body: <p>need some help in this.
  On hover I want the drop down ul to be align right and not left which is currently there
  Please here
  Here is my fiddle
  <a href="http://jsfiddle.net/cancerian73/kqZMf/4/" rel="nofollow">http://jsfiddle.net/cancerian73/kqZMf/4/</a></p>
  
  <p>This is my css</p>
  
  <pre><code>ul, li, a {
  margin: 0;
  padding: 0;
  }
  </code></pre>
  
  <p>Hi I want to add a down arrow to the first flyout.
  <a href="http://www.spheretekk.com/ncf/ss.jpg" rel="nofollow">http://www.spheretekk.com/ncf/ss.jpg</a></p>