.slidedoormenu{
list-style-type: none;
font:  normal 13px "Trebuchet MS";
margin: 0;
padding: 0;
width: 198px; /* width of menu (don't forget to add border with below!) */
border-left: 10px solid #244897; /* thick left border of menu */
text-decoration:none;
height:auto;
}

.slidedoormenu li{
font:  normal 13px "Trebuchet MS";
border-bottom: 1px solid #093a63; /* Gray border beneath each menu item */
text-decoration:none;
}

.slidedoormenu li a{
background: white  url(../images/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font:  normal 13px "Trebuchet MS";
display: block;
color: white;
text-align:left;
width: auto;
 /* White border beneath each menu item link, to add depth */
padding: 2px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration:none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: white;
text-decoration:none;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: white;
text-decoration:underline;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
text-decoration:none;
}

.slidedoormenu li.lastitem a{
text-decoration:none;
padding: 5px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}



<!--[if IE]>
<style type="text/css">
.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
text-decoration:none;
}
</style>
<![endif]-->