I am working on my design homepage, and I'm having a problem with the side bar links. I was going for an effect where when you hover it looks like a 3-d pushed down button, but when you aren't hovering over the text, it won't change color, making it invisible. here is all the relevant code from my style sheet: Link Styling div.sidebar a { color: #0000cc; text-decoration:none; font-size:14px; padding-left: 40px; padding-right: 40px; margin-top: 2px; margin-bottom: 2px; position: relative; padding: 1px; text-align: center; style: block; } div.sidebar a:hover { color: #cccccc; background-color: #0000cc; } List Styling div.sidebar li { list-style: none; padding: 1px; margin-top: 1px; margin-bottom: 1px; border-bottom: 2px solid #ffffff; border-top: 2px solid #ffffff; text-align: center; color: #cccccc; } div.sidebar li:hover { color: #cccccc; background-color: #0000cc; border-left: 3px solid #000000; border-top: 3px solid #000000; } Can some one explain why this isn't working? Here's the site: Glenn Stovall Web & Graphic Design thanks for the help