Problema con menú css sprites

[kseso?]

Iniciado por xFantaSx

Otra cosa es que en tu html debería ser así:

Código HTML:

<div class="navi1">
  <ul>
    <a href="#"><li class="home"></li></a>
 </ul>
</div>
 

Permítame indicarle el error.
Una lista |ul| sólo puede tener como hijo directo los |li|
Y dentro de cada |li| ya puede colocar cualquier otra etiqueta que necesite.
Así que obligatoriamente la estructura de una lista debe ser:

Código HTML:

<ul>
    <li>
          <!-- cualquier contenido -->
    </li>
</ul>
 

/***************************** ************************/

Iniciado por kahlo84

Por cierto para cambiar el tamaño al menú, habria que hacer otra imagen y volver a cambiar los valores, o habría alguna forma de reducirlo si tener que tocar tanto el código?

Sí. Haberla hayla.

Código CSS:

transform: scale(.X);
 

Siendo X un valor inferior a 1. Cuanto más cercano a 0 más pequeño se hace el elemento. Siendo .5 el equivalente a la mitad del original.