Hier wird der CSS Nobelpreis verliehen

[Hans]

Guten Tag,

es ist mir ja fast schon peinlich, aber ich habe gestern bestimmt 10 Stunden damit verbracht, ein CSS Problem zu lösen, zu dem mir Wahsaga schon vorgestern versucht hat eine Lösung zu geben.

Es mag nun wirklich für den einen CSS Spezialisten lächerlich klingen, aber ich war schon dich dran das Layout auf den Bildschirm zu malen, da  es einfach nicht klappt.

Also ich möchte eine Seite von Tabellen auf floating DIVs umstellen.

Habe alle Möglichen Verschachtelungen und Tipps ausprobiert:

Momentan habe ich folgendes:

#barcorner
{
  float: left;
  margin: 0px 0px 0px 0px;
  width: 200px;
}

#greybar
{
  margin: 0px 0px 10px 200px;
  background-image: url(../images/bar.jpg);
  background-repeat:repeat-x;
}

#logo
{
  float: right;
  margin: 0px 0px 0px 0px;
}

body
{
  margin: 10px;
}

<div id="greybar">
<div id="barcorner"><img src="../images/edgeleft.jpg" width="200" height="52" alt="edgeleft.jpg" /></div>
<div id="logo"><img src="../languages/{$language}/img/slogan.gif" align="right" alt="slogan.gif" /></div>
</div>

Es soll mit CSS so aussehen wie mit Tabellen ober auf dieser Seite:
http://www.dentona.de/pages/news.php?lang=de

Also Logo ganz rechts umramhmt von dieser grauen Linie.

Wenn jemand denkt es sei ein Kinderspiel, könnte er mir dann freundlicherweise die Lösung geben ?

Bin am verzweifeln.

Danke vielmals.