/* CSS Document Over Links */

#navlist {
position: absolute;
width: 168px;
}
#navlist ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: .9em;
}
#navlist li {
margin: 0;
}
#navlist a {
display: block;
padding: 2px 2px 2px 20px;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
background-color: #999999;
background-image:  url(SiteAssets/Jpeg/l1_down.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
}
#navlist a:link, #navlist a:visited {
color: #eee;
text-decoration: none;
}

/* you can combine the last two rules if you wish */

#navlist a:hover, #navlist a:active {
background-color: #9F6F9F;
background-image:  url(SiteAssets/Jpeg/l1_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #2D1E2D;
}
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
background-color: #9F6F9F;
background-image:  url(SiteAssets/Jpeg/l1_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #2D1E2D;
}
-->
</style>
Conditional Comments

<!--[if IE 5]>
<style>#navlist a {
height: 1em;
float: left;
clear: both;
width: 100%;
}
</style>
<!--[endif]-->
<!--[if IE 6]>
<style>
#navlist a {height: 1em;}
</style>
<!--[endif]-->
Closing Head Tag

</head>