无论滚动条如何都锁定固定标题以阻止其移动

Question

我有一个网站，其中顶部标题固定为100％宽度，在该DIV中我有另一个div 980px宽，居中。

当我加载一个创建浏览器滚动条的时候（由于页面很长），页面加载和页眉加载但跳转到左边，以容纳滚动条。

我知道我可以将overflow-y:scroll;添加到样式表中以使滚动条始终存在，但是，这并不好，因为我使用jquery fancybox v.2，如果你在弹出的长花式框上执行此操作，给你两个滚动条。失败。

那么，有没有办法锁定标题的中间部分，就像滚动条在那里但没有那里实际存在？无论滚动条是否存在，它都处于相同的位置。

这是我现在正在使用的CSS：

#topbar {
width:100%; 
height:51px;
margin:0;   
padding:0;  
position:fixed;
z-index:1000;
/*Making sure it sticks to left of window in IE7*/
top:0;
left:0;
float:left; 
background-color:#eeeeee;
border-bottom:1px solid #333;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.header { 
width:980px; 
margin:0 auto; 
position: fixed; 
z-index: 1001; 
left: 50%; 
margin-left: -490px; 
}

<div id="topbar"><div class="header">blah blah</div></div>

有解决方案吗？