Probleme mit Darstellung in CSS

[Flo]

Hallo alle,

ich habe mich bisher noch nicht so mit CSS beschäftigt und möchte ein komplettes Layout ohne Tabellen aufbauen.

Ich habe einen Kopfbereich:

<div id="header">
<a href="#" title="Zurück zur Startseite" target="_self"><img src="images/logo.jpg" alt="Zurück zur Startseite" class="headerlogo"></a>
<div class="headernavi">Navi1</div>
<div class="headerschrift">Überschrift</div>
</div>

Jetzt soll links ein Logo stehen und rechts daneben eine horizontale Navi und unter der Navi die Überschrift.

Wie muss ich bloß die Formatierungen angeben, damit ich sowas erhalte?

In Tabellen würde ich es so machen:

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="50%" rowspan="2">&nbsp;<td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="50%">&nbsp;</td>
  </tr>
</table>

Wie kann ich sowas in CSS machen? Viele Dank für die Hilfe.

Flo