Buenas, tengo la intención de centrar unas imágenes, estos son los códigos, no se donde lo estoy haciendolo mal, si me pueden ayudar.
   
Código HTML:
Ver original    <li><a href="#" class="farmacias"></a></li>     <li><a href="#" class="autobuses"></a></li>     <li><a href="#" class="trenes"></a></li>     <li><a href="#" class="anunciate"></a></li>     <li><a href="#" class="contacte"></a></li>     <li><a href="#" class="webmail"></a></li>     <li><a href="#" class="gestion_web"></a></li> 
  
   
Código CSS:
Ver original#menu_top{
    height:48px;
    background-color:#000;
    margin:0 auto 0 auto;
 
}
 
 
 
#menu_top .farmacias{
    background-image:url(../images/farmacias_top.png);
    background-repeat:no-repeat;
    width:80px;
    
}
 
#menu_top .autobuses{
    background-image:url(../images/autobuses_top.png);
    background-repeat:no-repeat;
    width:86px;
}
 
#menu_top .trenes{
    background-image:url(../images/trenes_top.png);
    background-repeat:no-repeat;
    width:56px;
}
 
#menu_top .anunciate{
    background-image:url(../images/anunciate_top.png);
    background-repeat:no-repeat;
    width:82px;
}
 
#menu_top .contacte{
    background-image:url(../images/contacto_top.png);
    background-repeat:no-repeat;
    width:74px;
}
 
#menu_top .webmail{
    background-image:url(../images/webmail_top.png);
    background-repeat:no-repeat;
    width:71px;
    margin-left:108px;
}
 
#menu_top .gestion_web{
    background-image:url(../images/gestion_web_top.png);
    background-repeat:no-repeat;
    width:98px;
    
    
}
  
Gracias, un saludo