webkit转换使css无法按预期工作

Question

我不是CSS的专家，我遇到了一个奇怪的问题，我找不到与我们的老朋友google的答案....

我有一个页面，以及当页面大小不同时使用的两组不同的CSS。这用于调整导航栏的大小。这一切都很出色，没有问题。挂起的地方是：当页面首次加载时，导航栏会固定到我想要的屏幕顶部（不会滚动内容，总是在顶部）。但是一旦css触发webkit调整大小，它就会开始滚动内容并且不再固定在顶部。

我划伤我的头部是css中只有2行差异而且都没有改变锚定....这里是CSS的两个片段 - 首先，开头的css坚持到顶部：

#navbarWrapper {
position: absolute;
left: 50%;
top: 0px;   
width: 1500px;
margin-left: -750px;
z-index: 99;
background-color: #33FFCC;
}

和取代它的替代css并使其免费漫游：

#navbarWrapper {
position: absolute;
left: 50%;
top: 0px;   
width: 1400px;
margin-left: -700px;
z-index: 99;
background-color: #33FFCC;
-webkit-transform: scale(.93333);
-webkit-transform-origin: 0 0;
}

是webkit转换的起源，不是坚持吗？