垂直菜单

.leftMenu
{
    list-style-type: none;
    margin:0;
    padding:0;
}

.leftMenu a
{
    display: block;
    width: 200px;
    height: 39px;
    line-height: 39px;
    color: #000;
    text-decoration: none;
    background: #94B8E9 url(images/pixy-rollover.gif) no-repeat left bottom;
    text-indent: 50px;
}

.leftMenu li.first a
{
    height:40px;
    line-height:40px;
}

.leftMenu a:hover
{
    background-position: right bottom;
}

.leftMenu li
{
    display:inline; /* removes large gaps in IE/win*/
}

效果:

       
• Home
       
• About
       
• Our Services
       
• Our Work
       
• News