title: Make Fixed Header Scroll Horizontal
body: <p>so guys, if u test the code below, u can see that everything is alright, except if u size down the window, so the flash menu ( red div ) is going out of the page to the right.
  well if the window is smaller then 900px, there is a HORIZONTAL scrollpane, so far so good, but it just scrolls the content of the page!
  I want the upper part also to scroll, but only horizontal, cuz I want them to be fixed (stay on top of the site always)...</p>
  
  <p>any suggestions? I've tried so many things from google, but no one of them was the right one 4 me...</p>
  
  <p>thx &amp; g.r. ace</p>
  
  <p>html:</p>
  
  <pre><code>&lt;!DOCTYPE&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;Titel&lt;/title&gt;
      &lt;link href="main.css" rel="stylesheet" type="text/css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="div_page" align="center"&gt;
          // page content goes here
      &lt;/div&gt;
      &lt;div id="div_menu"&gt;
          &lt;img src="img/logo.png" alt="&lt;Logo&gt;" style="position:absolute; top:0px; left:20px; width:225px; height:150px;"&gt;
          &lt;div id="div_flash"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  
  &lt;/html&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>@charset "utf-8";
  
  body {
      padding:0px;
      margin:0px;
  }
  
  #div_menu {
      position:fixed;
      top:0px; right:0px; left:0px;
      width:100%; height:40px;
      min-width:800px;
      overflow:visible;
      background-image:url(img/menu.png);
      background-position:top left;
      background-attachment:fixed;
      background-repeat:no-repeat;
      background-size:100% 40px;
      background-color:#333;
  }
  
  #div_flash {
      position:absolute;
      top:0px; left:250px;
      width:500px; height:150px;
      background-color:#F00;  
  }
  
  #div_page {
      position:absolute;
      top:40px; right:0px;left:0px;
      min-width:800px; min-height:500px;
  }
  </code></pre>