title: Screen Resolution & Web Page Problems?
body: <p>When I change my screen resolution to 800x600, 640x480 and so on half my web page gets cut off including images I cant even use the scroll bar at all to see the rest of the page, I'm using percentages as well as pixels using CSS. Need help fixing? All browsers are affected. Here is a sample.</p>
  
  <pre><code>#top {
      background: #424ee0;
      margin: 0px;
      padding: 0px;
      width: 100%;
      overflow: hidden;
  }
  
  #center-top {
      margin: 0px;
      padding: 5px 0px 5px 0px;
      width: 1200px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden;
      color: orange;
  }
  </code></pre>