ejercicio4.css

ul.menu {
    width: 180px;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #7C7C7C;
}
ul.menu li {
    border-bottom: 1px solid #7C7C7C;
    border-top: 1px solid #FFF;
    background: #F4F4F4;
}
ul.menu li a:hover{
    background-image: url("flecha_activa.png");
    background-color: #e4e4e4;
}
ul.menu li a {
    background-image: url("flecha_inactiva.png");
    padding: .2em 0 .2em 1.3em;
    display: block;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #333;
}