title: CSS: Any way to horizontally center a header which has "position:fixed"?
body: <p>I have a header created with two div containers, one <code>#header-container</code> and one <code>#header</code>:</p>
  
  <pre><code>#header_container { 
  background:#eeeeee; 
  border:0px hidden; 
  height:100px; 
  position:fixed; 
  width:1000px; 
  top:0; 
  margin: auto; 
  display: block;
  }
  #header { 
  line-height:60px; 
  margin:0 auto; 
  display:block; 
  width:940px; 
  text-align:center;
  }
  </code></pre>
  
  <p>I am of course unable to have both "fixed" and "center", so how can I center the header while keeping the "fixed" property?</p>
  
  <p>Thanks!</p>