Das Problem ist nicht wirklich browserspezifisch, sondern hat mit der reichlich dämlichen Verschachtelung der Divs zu tun.
Code: Alles auswählen
...
<div id="colOne">
<h3></h3>
<div class="bg1">
<ul>
<li class="first"><a href="http://www.kreditana.de/" title="Start">Startseite</a></li>
<li><a href="http://www.kreditana.de/kredit-ohne-schufa.html" title="Kredit ohne Schufa">Kredit ohne Schufa</a></li>
<li><a href="http://www.kreditana.de/kredit-selbstaendige.html" title="Kredit Selbständige">Kredit für Selbständige</a></li>
<li><a href="http://www.kreditana.de/autokredit.html" title="Autokredit">Autokredit</a></li>
<li><a href="http://www.kreditana.de/onlinekredit.html" title="Onlinekredit">Onlinekredit</a></li>
<li><a href="http://www.kreditana.de/beamtendarlehen.html" title="Beamtendarlehen">Beamtendarlehen</a></li>
</ul>
</div>
<h3></h3>
<div class="bg1">
<ul>
<li class="first"><a href="http://www.kreditana.de/kreditkarten.html" title="Kreditkarten">Kreditkarten</a></li>
<li><a href="http://www.kreditana.de/kostenlose-kreditkarte.html" title="Kostenlose Kreditkarte">Kostenlose Kreditkarte</a></li>
<li><a href="http://www.kreditana.de/kreditkarte-ohne-schufa.html" title="Kreditkarte ohne Schufa">Kreditkarte ohne Schufa</a></li>
<li><a href="http://www.kreditana.de/visa-kreditkarte.html" title="Visa Kreditkarte">Visa Kreditkarte</a></li>
<li><a href="http://www.kreditana.de/mastercard-kreditkarte.html" title="Mastercard Kreditkarte">Mastercard Kreditkarte</a></li>
<li><a href="http://www.kreditana.de/citibank-kreditkarte.html" title="Citibank Kreditkarte">Citibank Kreditkarte</a></li>
<li><a href="http://www.kreditana.de/barclaycard-kreditkarte.html" title="Barclaycard Kreditkarte">Barclaycard Kreditkarte</a></li>
<li><a href="http://www.kreditana.de/santander-kreditkarte.html" title="Santander Kreditkarte">Santander Kreditkarte</a></li>
<li><a href="http://www.kreditana.de/american-express-kreditkarte.html" title="American Express">American Express</a></li>
<li><a href="http://www.kreditana.de/handy-angebote.html" title="Handy Angebote">Handy Angebote</a></li>
<li><a href="http://www.kreditana.de/tarifvergleich-handy.html" title="Tarifvergleich Handy">Tarifvergleich Handy</a></li>
<li><a href="http://www.kreditana.de/girokonto-vergleich.html" title="Girokonto Vergleich">Girokonto Vergleich</a></li>
<li><a href="http://www.kreditana.de/festnetz-vergleich.html" title="Festnetz Vergleich">Festnetz Vergleich</a></li>
</ul>
</div>
</div>
<div id="colTwo">
...
Soweit ich das sehe, ist es bislang reine Glückssache, dass das mit dem Balken überhaupt in einem Browser richtig angezeigt wird. Mach mal einen Menüpunkt mehr oder weniger oben links rein oder den Text länger, dann kracht's!
Gut, der Text hat per CSS eine feste Höhe bekommen, was schon dann doof ist, wenn der Text halt mal länger wird.
Der Fehler liegt darin, dass Du Spalten statt Zeilen hast (was noch nicht verwerflich ist, solange Du es nicht auf Biegen und Brechen wie hier in Zeilen anordnen willst.).
Die Spalten haben überdies eine prozentuale Breite, d.h. diese verändert sich schon allein aufgrund der Bildschirmgröße, beim Verkleinern der Browserfensters, beim Vergrößern der Schrift (wie 800XE es getan hat). Menüpunkte, die aus mehreren Wörtern bestehen, werden umgebrochen, daher kommt es dann mit den so schön ausgemessenen 209 Pixeln nicht mehr hin.
Kurz: Das Problem kann in jedem gängigen Browser auftreten. Es ist aber behebbar, indem man das Grundlayout ein wenig anders strukturiert. Man kann das schon so basteln, dass es so aussieht, wie Du das haben möchtest.
