Divar som en tabell - linjen ritar över de andra divarna på samma rad...

Hej hej

Jag har ett bekymmer med en div tabell.

Problembeskrivning. Jag har en "linje" som ska rita ur sig efter en dynamisk
headline. Linjen ritar ut sig men ritar även över de andra divarna som befinner sig på samma rad.

Headline kan vara olika lång... Vilket innebär att linjen också måste annpassa sig.

I en css fil har jag:

.fillerfront
{
    margin: auto -100% auto 10px;
    width: 100%;
    max-width: 1200px;
    height: 9px;
    display: inline;
}

Och sen har jag även inom style taggarna:

<style type="text/css">
  /* TABELL TEKNIK FÖR DIVAR FÖR FRAMTIDA BEHOV / TT */
  #container {
    width: 100%;
    padding:0;
    display: table;
    border: 1px solid black;
    }
  #row  {
    display: table-row;
    }
  #left {
    width:auto;
    padding:0;
    background: #EEF;
    display: table-cell;
    background:yellow url("red.gif") top left repeat-y;
    }
  #right {
    width:320px;
    background:#FEE;
    display: table-cell;
    background:#FEE url("blue.gif") top right repeat-y;
    }
  #middle {
    width:20px;
    background:grey;
    display: table-cell;
    }
    /* ENDAST IE (just nu) */
  * html #container {
    background:yellow;
    }
  * html #row {
    background:blue;
    }
  * html #left {
    float:left;
    }
  * html #right {
    float:right;
    }
  * html #middle {
    float: left;
    width: expression((document.body.clientWidth * 0.8 - 322) + "px");
    }
  * html .cleaner {
    display:block;
    }
/* ]]> */
</style>

Jag har följande html:

<div id="container">
        <div id="row">
            <div id="left"  style="width:auto">
                <div class="column-in">
                    <h1><span class="groupedlegend">{Dynamisk Rubrik Info}</span>
                    <img src="{Dynamisk}" class="fillerfront" alt="" /></h1>
                </div>
            </div>

          <div id="middle" style="width:20px">
                <div class="column-in">
                    <h1></h1>
                    <p id="mccont"></p>
                </div>
            </div>

            <div id="right" style="width:320px">
                <div class="column-in">
                <h1>
                    <span class="groupedlegend">{Dynamisk Info}</span>
                    <img src="{Dynamisk Info}")" class="fillerfront" alt="" />
                </h1>
                    <p id="rccont">
                    </p>
                </div>
            </div>
        </div>
    </div>

Alla förslag / lösningar är välkomna... :)