title: 3 columns layout with rounded corners
body: <p>I'm trying to make something looks like this:
  <a href="http://student.santarosa.edu/~anarbuto/CSS/templates/stylin2_chapters/chapter_5/3_col_rounded.html" rel="nofollow">http://student.santarosa.edu/~anarbuto/CSS/templates/stylin2_chapters/chapter_5/3_col_rounded.html</a>
  but without any JS or CSS hacks.</p>
  
  <p>Also tried this:
  <a href="http://matthewjamestaylor.com/blog/fixed-width-or-liquid-layout.htm" rel="nofollow">http://matthewjamestaylor.com/blog/fixed-width-or-liquid-layout.htm</a></p>
  
  <p>and many other examples, but none of them works well.</p>
  
  <p>I'd like the left and the right columns to be a fix width (say 300px), and the middle column takes the rest of the page.</p>
  
  <p>Not sure if anyone can help..?</p>
  
  <p>Thanks!!!</p>
  
  <p>Edit: They need to be of same height (without specifying the height), ie. all 3 columns should have same height as the tallest column.</p>