Twitter bootstrap 推特引导旋转导航箭头离开图像

我把一些940x120的图像放进我的引导旋转木马中，我希望旋转木马的导航箭头在图像之外，这样它们就不会覆盖它。如果有人这样做：

.carousel-navigation.left {  
    margin-left: -45px;
}

.carousel-navigation.right {
    margin-right: -45px;
}

当旋转木马在图像中循环时，图像在左侧反弹，就像它跟随箭头初始位置半秒，然后返回到正确的位置，但循环时的效果不好。我怎样才能避免这种情况

---

下面是我的例子：

我发现这个错误是在使用较少的CSS时发生的（我使用的是嵌套规则），如果我使用纯CSS，图像不会反弹并正常工作。很高兴知道