title: How to set width correctly in CSS - Need to fix bug with Safari on Mac and on iPad
body: <p>i'm making page <a href="http://www.rhemapress.pl/www_physis/index.php?id=1" rel="nofollow">http://www.rhemapress.pl/www_physis/index.php?id=1</a>. As you see header background is on 100% width (orange). It's first element in <code>&lt;body&gt;</code>. Code for this is: <code>&lt;div id="header"&gt;&lt;/div&gt;</code>. And CSS for this element is:</p>
  
  <pre><code>#header {
  width: 100%;
  height: 174px;
  background-image: url("img/top-line.jpg");
  position: absolute;
  z-index: 6; 
  margin: 0px 0px 0px 0px;
  }
  </code></pre>
  
  <p>It's ok on Safari on Mac. When i use Safari on iPad, header isn't set correctly - it's not 100% width.</p>
  
  <p>Where's the problem? Could you help me with it?</p>