Ravetti: Frage zum Verschachteln von Ebenen

Guten Tag,

im folgenden Beispiel geht es darum, die Ebene im relativen Verhältnis zueinander zu lassen, auch wenn sich der Schriftgrad ändert. Die blaue Linie unter CMS_CONTAINER[1]soll auf der gleichen Höhe sein wie die braune obere Linie von CMS_CONTAINER[2] (und auf der blauen Linie soll natürlich CMS_CONTAINER[1]stehen, wobei CMS_CONTAINER[1] mit CMS_CONTAINER[3] linksbündig abschliessen soll).

Hat jemand eine Idee, wie ich das am besten mache?

Einen schönen Gruss von Ravetti

<html>
<head>
<style type="text/css">
<!--

#Container {width:86%; top:162px; position:absolute; left:7%}
#HauptNavi {
 border: 1px solid #6E4414;
 background-color: #FFF1E4;
 padding:3px;
 float: left;
 }

#Content {width: 50%;
 float: left;
 margin-left: 2%;
}

#ServiceNavi {left: 9%;}

#Text {border-top:solid 1px #033CAB}

#ServiceNavi2 {margin-top:30px; margin-bottom:30px;text-align:center;border-top: solid 1px #033CAB;}

#Bild1 {text-align: right;}
-->
</style>
</head>
<body>
<div id="Container">
  <div id="HauptNavi">CMS_CONTAINER[2]</div>
  <div id="Content">
    <div id="ServiceNavi">CMS_CONTAINER[1]</div>
    <div id="Text">
      <p>CMS_CONTAINER[3] CMS_CONTAINER[4]</p>
    </div>
    <div id="ServiceNavi2" class="Service">Servicenavi2</div>
  </div>
  <div id="Bild1">CMS_CONTAINER[7]</div>
</div>
</body>
</html>