fix element moving a bit on :hover

http://stackoverflow.com/questions/12980153/image-moves-on-hover-chrome-opacity-issue

panikweb_templates/static/css/specifics.css

@@ -8,7 +8,7 @@
 /****************************************************/
 /* FONTS */
 
-.resymbol:hover,.control:hover{    opacity:0.5;    }
+.resymbol:hover,.control:hover{    opacity:0.5;   -webkit-backface-visibility: hidden; }
 .date, .dateBloc {
 	font-family: "Reglo";
 	text-transform: uppercase;
@@ -168,10 +168,12 @@ body{
 }
 #Changing a:hover,#Changing button:hover {
 	opacity:0.6;
+	-webkit-backface-visibility: hidden;
 	text-decoration:none;
 }
 #Nav a:hover,#Nav button:hover {
 	opacity:1;
+	-webkit-backface-visibility: hidden;
 	color:white !important;
 }
 /* GLOBAL SITE NAV */
@@ -273,6 +275,7 @@ body{
 
 #Footer a:hover {
 	opacity:0.6;
+	-webkit-backface-visibility: hidden;
 }
 
 /* PANIK LOGO */