Unterschied DIV ID und DIV CLASS

[6driver]

erstmal danke für Eure Antworten. Wenn ich das richtig verstanden habe definiere ich mit DIV ID einen Hauptbereich und mit Class verschiedene Unterbereiche, wobei ich die Unterbreiche auch in anderen Hauptbereichen verwenden kann.

Ich hab mal ein Bild gemacht. So sieht es gerade aus:
<img src="http://www.bildercache.de/bild/20070920-141854-12.jpg">

Das der Code dazu:

<style type="text/css">
#top {border: thin solid #0000FF; margin: 0px; padding: 0px;}
#top div.left  { margin:0px; padding:5px 5px 5px 5px; float:left;}
#top div.middle { margin:0px padding:5px 5px 5px 5px; float:none;}
#top div.right{ margin:0px; padding:5px 5px 5px 5px; float:right;}
</style>

=====================================================

<div id=top>gesamte Kopfzeile : DIV ID TOP
<div class="left">Bild links: DIV CLASS left</div>
<div class="middle">Überschrift: DIV CLASS middle</div>
<div class="right">Text rechts: DIV CLASS right</div>
</div>

Die Definition der Rahmen habe mal herausgenommen.
Und ich schaffe es einfach nicht, das alle drei Blöcken nebeneinander stehen.
Wo mache den Denkfehler?

VG
6driver