title: Flexible div blocks with fixed corners
body: <p>According to <a href="https://stackoverflow.com/questions/6689856/flexible-div-blocks">my previous question</a> trying to make more complex blocks. The problem is the same - if extend the central block - the side not stretch to the height.</p>
  
  <p>Now it looks like this <a href="http://i082.radikal.ru/1107/92/a965bbb5a124.jpg" rel="nofollow noreferrer">http://i082.radikal.ru/1107/92/a965bbb5a124.jpg</a> but i need like this <a href="http://s53.radikal.ru/i140/1107/bd/de5c2c648f20.jpg" rel="nofollow noreferrer">http://s53.radikal.ru/i140/1107/bd/de5c2c648f20.jpg</a></p>
  
  <p><strong>left_middle, middle_cont and right_middle</strong> div's need to have idential auto height.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="block1"&gt;
  
          &lt;div class="left"&gt;
              &lt;div class="left_top"&gt;&lt;/div&gt;
              &lt;div class="left_middle"&gt;&lt;/div&gt;
              &lt;div class="left_bottom"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="middle_cont"&gt;
              &lt;a class="vacancy_title" href="javascript:void(0);"&gt;Title&lt;/a&gt;
              &lt;div class="vacancy_full"&gt;
                  &lt;p&gt;MORE TEXT&lt;/p&gt;
                                  &lt;p&gt;MORE TEXT&lt;/p&gt;
                                  &lt;p&gt;MORE TEXT&lt;/p&gt;
                                  &lt;p&gt;MORE TEXT&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="right"&gt;
              &lt;div class="right_top"&gt;&lt;/div&gt;
              &lt;div class="right_middle"&gt;&lt;/div&gt;
              &lt;div class="right_bottom"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.block1,.block2 {
      width:946px;
  }
  .middle_cont, .left_middle,.right_middle {
      background:#ffdac0;
  }
  .middle_cont, .middle_cont2  {
      min-height: 46px;
      float:left;
      width:840px;
  }
  .left {
      float:left;
      min-width:53px;
  }
  .right {
      float:right;
      min-width:53px;
  }
  .left_top, .left_bottom, .right_top, .right_bottom {
      min-height:23px;
  }
  .left_top {
      background: url('/img/site001/content_blocks/left_top.png') no-repeat;
  }
  .left_bottom {
      background: url('/img/site001/content_blocks/left_bottom.png') no-repeat;
  }
  .right_top {
      background: url('/img/site001/content_blocks/right_top.png') no-repeat;
  }
  .right_bottom {
      background: url('/img/site001/content_blocks/right_bottom.png') no-repeat;
  }
  </code></pre>
  
  <p>PS vacancy_title and vacancy_full used by JS spoiler script.</p>