title: Fixed Position Width
body: <p>Well I am working on an small website.</p>
  
  <p>However I have problem with fixed position.</p>
  
  <p>My header is 770px in width. It contain a couple of elements with it.</p>
  
  <p>position: fixed; works really fine, but when I resize my website to another screen size, something like 640x480 the fixed element (header) cannot be fully visible in width.</p>
  
  <p>I want it to be fixed for scrolling but I want it to be fully visible in width, if user is on smaller screen and cannot see it completely.</p>
  
  <p>Here is an example on an wordpress theme. </p>
  
  <p><a href="http://dvl-den.net/" rel="nofollow">http://dvl-den.net/</a></p>
  
  <p>Same problem is with my small project. Try to open that website on 640x480 (resize browser) and you'll see my problem.</p>
  
  <p>Thanks in advance.</p>