title: Adding a line below menu items on hover?
body: <p>I want to add a line on hover menu items just like what this site has on their navigation menu:
  <a href="http://www.ovenbits.com" rel="nofollow">http://www.ovenbits.com</a> </p>
  
  <p>I tried to do this with css but the transition effect is ugly. How can I do this ?</p>
  
  <p>Thanks a lot !</p>