title: CSS 3 column liquid layout with fixed center column
body: <p>I want to make for my marketing site a 3 column layout that has images in the top banner.  </p>
  
  <p>I want to have a liquid left/right side with a fixed center.  The html would ideally look like this:</p>
  
  <pre><code>&lt;div id="pixelLeft"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;div id="bannerCenter"&gt;
    &lt;img src="images/mybanner.png" /&gt;
  &lt;/div&gt;
  &lt;div id="pixelRight"&gt;&amp;nbsp;&lt;/div&gt;
  
  &lt;style&gt;
  #pixelLeft { background: url(../../images/pixel_left_fixed.png) 0 0 repeat-x; }
  #pixelRight { background: url(../../images/pixel_right_fixed.png) 0 0 repeat-x; }
  #bannerCenter { /* something here to make fixed width of 1550px */ }
  &lt;/style&gt;
  </code></pre>
  
  <p>The images in the left/right pixel sides are 1px x 460px. 
  The image mybanner.png is 1550px x 460px.</p>
  
  <p>Thanks in advance! (Especially if it will work in ALL browsers!)</p>