How to use both fixed and stretchy CSS content
===

I'm trying to use both fixed-width and stretchy CSS content, similar to what is seen on [Google Calendar][1]. I assumed this would be easily achievable using min-width and max-width, however I am having trouble with sub-elements which are simply sticking to their minimum widths rather than stretching to the maximum.

A demo can be seen [here][2].


  [1]: https://www.google.com/calendar/
  [2]: http://jsfiddle.net/QDvtW/10/