มีลิงค์อยู่ 3 ลิงค์อยากให้เวลาเอาเมาส์มาชี้ที่ลิงค์แต่ละอันแล้วมี underline เฉพาะลิงค์นั้น ทำยังไงครับ

<style style="text/css" >

#head_nav {
    padding-top: 10px;
    font-size: 12px;
    color: #c2c2c2;
}
#head_nav a {
    color: #757575;
    margin-left: 6px;
    margin-right: 4px;
    text-decoration: none;
}
#head_nav:hover {
    text-decoration: underline;
}
</style>

<div id="head_nav" style=" padding-top: 15px; font-size: 9px; color: #c2c2c2; ">
    <a href="/" class="first">Home</a>           
        \ <a href="/category/all">products</a> \ <a href="http://site.net/category/ipod">ipod \   
</div>