text-decoration: none for hover anchor
?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title></title> <style rel="stylesheet" type="text/css"> #footer ul { width: 1000px; text-align: center; } #footer li { display: inline; list-style-type: none; line-height: 44px; } #footer li a { color: #574621; text-decoration: none; margin: 0 10px; } #footer li a:visited { text-decoration: none } #footer li a:hover { text-decoration: underline } </style> </head> <body> <div id="footer"> <ul> <li><a href="#">Home</a>|</li> <li><a href="#">About our Hotel</a>|</li> <li><a href="#">Services</a>|</li> <li><a href="#">Photogallery</a>|</li> <li><a href="#">Testimonials</a>|</li> <li><a href="#">Locations</a>|</li> <li><a href="#">Contacts</a></li> </ul> </div> </body> </html>