title: Remove outer border spacing and keep inner border space and ensure that middle div remains certain size
body: <p>Hopefully someone can help me. I need to ensure that the left transparent background stays at 50% and re-sizes automatically, and I also need to ensure that the blue middle div has a fixed width of 328px (no matter what screen resolution). The far right div needs to stay flesh against the right side of the page, and adjust automatically.</p>
  
  <p>I decided to use a table cell for the divs and put border spacing around the cell but I just wanted spacing between the divs. Adding the border spacing around the divs I now have 10px on the left and right side of the table.</p>
  
  <p>So what am I doing wrong and how can I achieve the result that I look for? I'm open to changing my code if you feel that its not the best option for what I'm trying to achieve.</p>
  
  <p>Here's the code that I have now (I changed the background colors so that you can see the boxes and the border spacing):<a href="http://jsfiddle.net/7we2H/8/" rel="nofollow">http://jsfiddle.net/7we2H/8/</a></p>
  
  <pre><code>&lt;div class="headercontent"&gt;
  
    &lt;div id="mid_lft"&gt;LEFT DIV&lt;/div&gt;&lt;!--mid_lft--&gt;
    &lt;div id="mls"&gt;MID DIV&lt;/div&gt;&lt;!--mls--&gt;
    &lt;div id="mid_rht"&gt;RIGHT DIV&lt;/div&gt;&lt;!--mid_rht--&gt;
  
  &lt;/div&gt;&lt;!--header_content--&gt;
  
  
  .headercontent{width:100%; height:213px; display:table; position:relative; border- spacing:10px; margin:0 auto;}&lt;br/&gt;&lt;br/&gt;
  .headercontainer{position:relative;}
  
  .headercontent &gt; div{display:table-cell; height:213px; border:0px !important;}&lt;br/&gt;&lt;br/&gt;
  .mid_lft{background:#f03; width:50%; margin-right:10px;}&lt;br/&gt;&lt;br/&gt;
  .logo{ position:relative; float:right; top:40px; right:29px;}&lt;br/&gt;&lt;br/&gt;
  .mls{background:#36F; width:50px; margin-right:10px;}
  .mid_rht{background:#f03; width:25% }
  </code></pre>
  
  <p>And here also a link to what is being put out by the code that I already have: <a href="http://evansmithrealestate.com/home.php" rel="nofollow">http://evansmithrealestate.com/home.php</a></p>