Im Facing a very strange bug in Google Chrome.

[**Fiddle**](http://jsfiddle.net/y6uY7/)

Here is my Code

```
<div id="wrapper">
    <div class="trans">

    </div>
</div>

body {
    background:green;
    overflow: hidden;
}

.trans {
    width: 155550px;
    height: 200px;
    background: #000;
    position: relative;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0.600s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease-in-out;

}
#wrapper:hover .trans {
        -webkit-transform:translate3d(-155550px,0,0);
}

```

When you hover on wrapper div and transition starts the background flicks to show transparent area. Any Solution For that bug?. Im using Latest version of Google Chrome on Win8

Thanks 

**Update :**
This is what im going to achieve for user who want to know what actually im making

**<http://jsfiddle.net/vpdpX/>**