Jag har helt enkelt nu gjort det på så vis att om elementet är större än bakgrundsbilden så får jag ha ett mindre lager inuti elementet som ska ha bilden. Lite ful lösning kanske, men den är i alla fall pålitglig då den fungerar för allt och alla.
Ja, när jag säger lager så syftar jag på div-element.
Det är rätt smidigt at arbeta såhär nu har jag märkt... När jag har bakgrund inom spelutveckling så är ju sånt här en självklarhet, men på webben har jag aldrig sett det användas förut så jag var tvungen att testa. Totala filstorleken minskas, samt att det blir smidigare för designern att jobba. För mig som kodare är det ungefär skitsamma ur produktionsperspektiv.
Jag kommer fortsätta med den här metoden för ikoner som "hör ihop". T.ex. om man har en verktygsrad med tio ikoner - då ska de tio ligga i samma fil. Ett paket med smileys ska ju t.ex. också ligga tillsammans, skitnice. Gott gott!