div-Layout springt

[Marian Benner]

Hallo zusammen!

Ich versuche eine simple Bildergalerie zu erstellen. Die thums befinden sich in links-gefloateten <a>´s und alle Thumbs sind in einem div wiederum links-gefloatetet an einer navi-leiste angeordnet. Allerdings springen der div mit den Thumbs beim verkleinern/vergrößern der Seite immer ab und zu nach unten?! Wie kann man das unterbinden?

http://marian-benner.piranho.com/test/index.html

Hier nochmal die wesentlichen Snippets:

css:

a.thumb {  float:left;
      border:0px solid black;
            padding:10px;
            margin-left:10px;
            margin-top:10px;
}
div.thumbs {  float:left;
}
div.navigation { float:left;
                 width:100px;
                 border:1px dashed black;
                 padding:10px;
                 background-color:orange;
                 color:white;
                 margin-bottom:10px;
}

html:
<!-- navigation-->
<div class="navigation">
  <a class="navi" href="index.html" title="Startseite">Startseite</a>
  <a class="navi" href="kontakt.html" title="Kontakt">Kontakt</a>
  <a class="navi" href="upload.html" title="Upload">Upload</a>
</div>

<!-- thumbs -->
<h4>Seite 1</h4>
<div class="thumbs">
  <a class="thumb" href="testbild.html" onclick="FensterOeffnen(this.href, 'testbild_mittel'); return false">
   <img src="images/testbild_klein.png" width="200" height="150" title="Testbild" alt="Testbild" />
  </a>
  ...
</div>

[Marian Benner]

Anmerkung: Der IE 7 stellt es korrekt dar.

[Marian Benner]

Anm.: Der IE7 stellt es korrekt dar.