css 3 column div centered fixed width left middle and right overflow:hidden

i want to create a 3 column div layout with left middle right all fixed size and left and right column cutoff if the screen is too small. But the contents will always centered with fixed width. (overflow:hidden with no scroll bar)

 left-   width:300px;
 middle- width:1000px;
 right-  width:300px;

If screen fit:
|       width:100%        |
[left][   middle   ][right]

If screen does not fit:
   |    width:100%     |
[left][   middle   ][right]

If screen too large:
|          width:100%            |
   [left][   middle   ][right]

<div style="container">
  <div style="left"></div>
  <div style="middle"></div>
  <div style="right"></div>
</div>

What css should i use for each? I been searching but all i could find is fluid layout which is not what I wanted.

Any help would be appreciated, or point me to the right post.

Thank you