Problem mit <table> -> Seite wird 'verzerrt'

Hallo zusammen,

Ich arbeite gerade an einem kleinen Projekt für einen simplen Webshop: http://www.meinekartei.ch/orchid/index.php
Das ganze ist in PHP, was mir im Moment jedoch Mühe bereitet ist das <form> Tag in HTML.

Mein Problem ist folgendes:

Wenn ich bei produkte.php nur 2 Produkte habe, sprich 2 x <tr></tr> dann ist alles in Ordnung.
Wenn ich nun aber ein 3. Produkt hinzufügen will, dann wird die Navigation (also [ Startseite ] [ Produkte ] etc.) verschoben, was natürlich
komisch aussieht wenn man durch die Seite navigiert...

Als Anschauungsbeispiel habe ich die 2 verschiedenen Versionen auf den Server geladen:

So ist's ok:
http://www.meinekartei.ch/orchid/produkte.php

Hier wird alles verschoben:
http://www.meinekartei.ch/orchid/produkte2.php

Ich denke so ists am einfachsten nachzuvollziehen, den Quelltext kann man sich ja in den meisten Browser direkt anzeigen lassen.

Hat jemand eine Ahnung, was den 'Fehler' verursachen könnte, bzw. vielleicht einen Hinweis woran es liegen könnte?

edit: Ich habe nun herausgefunden, dass das Ganze nichts mit der Anzahl Reihen zu tun hat, vielmehr mit der Länge der ganzen Tabelle. Wenn ich die Breite auf 20% setze, was folglich die Tabelle länger/höher macht, tritt das Problem mit der 'Verzerrung' auch auf.

Zitat von bandit600

Bei 51 Fehlern darf man sich über nichts wundern: http://validator.w3.org/check?verbose=…2Fprodukte2.php

Hmm... Danke für den Hinweis. Bin (wie man sehen kann) immer noch mitten in der Arbeit an der Seite.

Hast du keine Ahnung woran das liegen könnte dass die Seite so verzerrt wird?

Edit: Konnte das Problem lösen.
Die Seite wird 'verzogen' sobald der Scrollbalken eingeblendet wird. Das doofe ist nur, dass bei meinem MacBook mit Touchpad nie ein Scrollbalken benötigt wird, deshalb ist mir das bis anhin noch nicht aufgefallen.