title: no hover action on transparent area of png images html css
body: <p>i have a png image on my webpage and it's shape is diamond, so the four corners of the image are transparent...</p>
  
  <p>whenever i hover on image i made it move left and top by -10px</p>
  
  <pre><code>#one{
      position:relative;
      top:10px;
      left:-234px;
      float:left;
      -webkit-transition: all .2s ease-out;
  }
  
  #one:hover{
      top:0px;
      left:-244px;
      -webkit-filter:opacity(0);
  }
  </code></pre>
  
  <p>all i want to do is not to move image by hovering on transparent area...</p>
  
  <p>is it possible... i want to use css or javascript...
  i dont know jquery so if you tell me jquery ans please tell me how to link it in my html page...</p>