title: how to prevent horizontal scroll on css zoom animation
body: <p>I want to use a landscape image, that zooms in to the landmark in the center and stays there. 
  I have one main issue with the current code I have..</p>
  
  <p>That is the horizontal bar that turns up on zoom. </p>
  
  <p>I want the image to have 100% width but the height to be about 80%</p>
  
  <p>HTML: </p>
  
  <pre><code>  &lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  
  
  
  &lt;link type="text/css" rel="stylesheet" href="css/animate.css"&gt;
  &lt;link type="text/css" rel="stylesheet" href="css/home1.css"&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
  
  &lt;a href="#"&gt;
      &lt;img src="images/zoom.jpg" alt=""&gt;
  &lt;/a&gt;
  
  &lt;/div&gt;&lt;!--wrapper--&gt;
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS : </p>
  
  <pre><code>a {
      overflow:hidden;
      width:100%;
  
  }
  
  
  a img {
      text-decoration: none;
      display: block;
      width: 100%;
  
      float: left;
      margin: 0 3px 3px 0;
      opacity: 1;
      -webkit-transform: scale(1,1);
      -webkit-transition-timing-function: ease-out;
      -webkit-transition-duration: 250ms;
      -moz-transform: scale(1,1);
      -moz-transition-timing-function: ease-out;
      -moz-transition-duration: 250ms;
  }
  a img:hover {
      opacity: .7;
      -webkit-transform: scale(2.05,2.07);
      -webkit-transition-timing-function: ease-out;
      -webkit-transition-duration: 250ms;
      -moz-transform: scale(2.05,2.07);
      -moz-transition-timing-function: ease-out;
      -moz-transition-duration: 250ms;
      position: relative;
      z-index: 99;
  
  
  }
  </code></pre>
  
  <p>I am also wondering if there is a way I can make it stay on zoomed in state once the hover is done, so that another element can appear at that point but the zoom is closer.</p>
  
  <p><a href="http://jsfiddle.net/itsnamitashetty/U4HTu/" rel="nofollow">http://jsfiddle.net/itsnamitashetty/U4HTu/</a></p>