DIV-Layer positionieren

[jiriki]

Hi Leute,

Wie kann ich innerhalb eines HTML-p-Tags zwei div-Layer nebeneinander positionieren, sodass sie die Funktion einer unsichtbaren, 100%-breiten Tabelle haben, die aus einer Zeile und zwei Zellen besteht mit prozentual definierten Breiten?

Bisher sieht der zugehörige Container so aus:

  
<div id="content">  
  <p id="breadcrumbs" class="column_headline">  
    <a href="[..]">Home</a> > <a href="[..]">Termine</a>  
  </p>  
  [content]  
</div>  

Jetzt hätte ich ganz gerne neben dem Pfad einen Link zum Archiv, der aber im Gegensatz zum Pfad am rechten Rand des Layers "content" platziert sein soll.

Ich dachte da an zwei neue Layer innerhalb des p-Tags, die ich jeweils mit dem Attribut "float" in CSS links bzw. rechts ausrichte, also

  
<div id="content">  
  <p id="breadcrumbs" class="column_headline">  
    <div id="leftside">  
      <a href="[..]">Home</a> > <a href="[..]">Termine</a>  
    </div>  
    <div id="rightside">  
      <a href="[archivelink]">Archive</a>  
    </div>  
  </p>  
  [content]  
</div>  

und

  
#leftside div {  
  float: left;  
  width: 65%;  
}  
#rightside div {  
  float: right;  
  width: 35%;  
}  

Leider klappt es nicht. Die "column_headline"-CSS-Eigenschaften vom p-Tag werden komplett überschrieben (Hintergrundfarbe nicht mehr zu sehen, etc.) und die Layer werden auch untereinander und nicht nebeneinander gelistet.

Hat jemand ne Idee, woran's liegen könnte?

Danke und Grüße