problema con menu css horizontal en img dos estados

[rufus]

Ya lo he solucionado dejo el codigo:

Código CSS:

/* css del menu*/
#menu
{
   
     width: 940px;
     height: 60px;
     margin-top: 55px;
 
}
 
#menu a
{
    position: relative;
}
 
#menu li a span
{
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    cursor: pointer;
 
    display: inline;
 }
 
 
 
.inicio
{
    top: 15px; left: 5px;
}
 
 
 
.inicio span
{
    width: 100px;
    height: 44px;
    background-image: URL(imagenes/botones/inicio.png);
}
 
.inicio span:hover
{
       background-image: URL(imagenes/botones/inicio2.png);
}
 
/* Fin css del menu*/
 

Código HTML:

<div id="menu">
            <ul>
                <li><a class="inicio" href="index.php?page=home"><span></span></a></li>
            
            </ul>
        </div>