Ungewollte Abstände / Lücken zwischen Blöcken

[Jack]

Hallo!

Mein Problem ist folgendes -
Ich habe fünf <div>-Blöcke, die so angeordnet sind:

[Block1] [Block2]
(clear:both)
[Block 3]
(clear:both)
[Block 4] [Block 5]

Grundsätzlich funktioniert alles. Nur an der Stelle, an der das clear:both eingebaut ist, entstehen große Lücken. Die Lücke zwischen Block 3 und Block 4/5 stört am meisten. Ich kann mir nicht erklären, wie diese entstehen, da z.B. Block 3 und 4/5 kein margin enthalten.

Hat jemand eine Idee, woran das liegt? Und wie ich das Problem lösen kann?

Anscheinend ist das Problem bei horizontalen Elementen bekannt (3-Pixel-Bug?), aber ich habe keine Lösung für meine Situation (vertikale Block-Anordnung) gefunden.

(Hier noch der dazugehörige CSS-Code:

#block3 {
  float: left;
  position:relative;
  height: 22px;
  width: 98%;
  background-color: #F3F3FF;
 }
 #block4 {
  float: left;
  width: 20%;
  height: 250px;
  overflow:auto;
  padding: 1px;
  background-color: #F3F3FF;
 }

Block 5 ist der selbe wie Block 4.)

Danke im Voraus,
Jack