Left bar menu list
<!DOCTYPE html PUBLIC "-/pp/W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <style type='text/css'> div#nav { float: left; display: inline; margin-left: 10px; background: gold; width: 150px; border: 1px solid black; } div#nav ul { list-style: none; padding: 0; margin: 0; } div#nav a { color: black; display: block; width: 100%; margin: 4px; padding: 4px; text-decoration: none; border: 1px solid black; } div#nav a:hover { border: 1px solid black; background: yellow; color: white; } </style> </head> <body> <div id='content'> <div id='nav'> <ul> <li><a href='#'>A</a></li> <li><a href='#'>B</a></li> <li><a href='#'>C</a></li> <li><a href='#'>D</a></li> <li><a href='#'>E</a></li> <li><a href='#'>F</a></li> <li><a href='#'>G</a></li> </ul> </div> </div> </body> </html>