Salve a tutti,
qualcuno saprebbe spiegarmi perchè in questo modo l'immagine che metto non ha nessun effetto di trasformazione? (ne con Safari ne con Chrome)

HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
[img]../../Documents/The last/img/adashino.png[/img]
</body>
</html>


CSS

@charset "UTF-8";
/* CSS Document */

a:hover img{
-webkit-transform: scale(1.3);
}




Vorrei che l'immagine in questione si ingrandisse al passaggio del mouse (se uso la funzione rotate() al posto che scale() non ho comunque nessun effetto )

Vi prego aiutatemi, sto impazzendo

Grazie anticipatamente!