Problema proprietà transform e transition con spostamento immagini insensato!

[ShuBaarb]

Salve, ho un problema legato in qualche modo che non capisco alla transition della proprietà trasform.
Ho un menu di navigazione formattato come al solito con una unordered list.
Ho fatto in modo che i link al rollover cambiassero colore ombreggiature, ma anche che si ingrandiscano un pochino, il tutto gestito in transizione.
Il problema è che vi sono alcune immagini nella pagina, inserite all'interno di link (dentro a <img> o come background di <a> ) che inspiegabilmente si spostano a sx di 2-3px al passaggio del mouse sui link della barra di navigazione che si ingrandiscono, e i due elementi in effetti non hanno nulla a che fare gli uni con gli altri. Non riesco a trovare un senso a tutto questo, e notare che avviene su chrome ma non su Firefox e solo quando la finestra è ingrandita al massimo!

Ringrazio in anticipo per qualsiasi aiuto!

Di seguito riporto il codice css

a.lightlink, .lightlink a {
    color: #0B0B3B; 
    
    text-shadow:      0px 0px 2px white,    
             0px 0px 5px white,
             0px 0px 10px white,
             0px 0px 15px white,
             0px 0px 20px white,
             0px 0px 25px white;
    
    text-decoration: none;
    
    -webkit-transition-property:  all;
    -webkit-transition-duration: .4s;
    -moz-transition-property:  all;
    -moz-transition-duration: .4s;
    -ms-transition-property:  all;
    -ms-transition-duration: .4s;
    -o-transition-property:  all;
    -o-transition-duration: .4s;
    transition-property:  all;
    transition-duration: .4s;
    
}


a.lightlink:hover, .lightlink a:hover{
  text-shadow:     0px 0px 2px white,
        0px 0px 5px white,
        0px 0px 10px white,
        0px 0px 15px #2ECCFA,
        0px 0px 20px #2ECCFA;
                 
  transform:  scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2); 
  color: white;
}

[Prill]

Ho fatto in modo che i link al rollover cambiassero colore ombreggiature, ma anche che si ingrandiscano un pochino, il tutto gestito in transizione.
Il problema è che vi sono alcune immagini nella pagina, inserite all'interno di link (dentro a <img> o come background di <a> ) che inspiegabilmente si spostano a sx di 2-3px al passaggio del mouse

a vedere solo il codice css è difficile rispondere, ma poiché come dici i link cambiano dimensioni, nel loro variare produrranno lo spostamento negli elementi sottostanti. Se fissi le loro dimensioni, per esempio impostando un padding diverso allo stato normale e allo stato hover per controbilanciare il ridimensionamento al passaggio del mouse, il problema forse si risolve

[ShuBaarb]

Ti ringrazio ma non credo si tratti di questo, perchè il problema riguarda la transizione e non l'ingrandimento in se, se tolgo la transizione il link si ingrandisce senza che ci sia alcun spostamento, inoltre lo spostamento a sx c'è solo durante la transizione ma quando si ferma nello stato finale torna a dx, un oscillazione che dura quanto la transizione, un "tac! tac!". Sto comunque parlando di immagini che sono contenute in div diversi rispetto agli elementi che si ingrandiscono e non possono infulenzarli. Notavo però ora che sto vedendo cose simili nella barra di navigazione di gmail, ora mi viene da chiedermi se non abbia qualcosa di strano sul browser in se, infatti ripeto sul firefox non succede e sempre su chrome non succede se non ho la finestra ingrandita

[Prill]

senza vedere la tua pagina non si può che ipotizzare

[Experiment8]

Ciao,

Non hai modo di postare il link ad una pagina? così come dice Prill è dura capire dal solo CSS...