OS X，Chrome，具有固定位置和转换属性的错误

Question

我有问题。在一个页面中，我有固定位置和一些背景的元素，另一个元素有transform：translate3d（0px，0px，0px）; 在固定元素中有一个bug（外观屏幕）。我应该怎么解决？感谢。

http://codepen.io/anon/pen/qaQQyZ

.fixed{
    background-color: #6b322f;
    bottom: 0;
    left: 0;
    padding: 25px 5px 25px 30px;
    position: fixed;
    top: 0;
    text-transform: uppercase;
    transition: left 300ms ease-in-out;
    width: 30%;
    z-index: 111111;}
.transform{
  transform: translate3d(0px, 0px, 0px);
}