Guten Abend

ich habe mich nun ausgibig mit CSS auseinandergesetzt und etwas gemacht:
http://www.rainbowsix.org/temp/2006-08-10.html

Firefox und Opera hat mit der Seite keine Probleme. Doch der IE erzeugt ein sehr merkwürdiges, für mich nicht nachvollziehbares Problem.

Problem: jedes mal wenn die Seite im IE läd, dann verschwindet die Überschrift rechts oben namens "Countdowns". Sobald ich über die horizontale Navigation mit der Maus gehe (und somit den hoover-Effekt auslöse), dann erscheint der Text "Countdowns" plötzlich wieder.

Bei der Seite (URL siehe oben) habe ich alles zusammenkopiert, sodass wenig Code übrig blieb und das Problem theoretisch einfacher zu finden ist.

Wo das Problem nicht liegt ist (durch code entfernen getestet): horizontale Navi, runde Ecken, und sonstiges...

Fehler tritt nicht mehr auf denn ich alle <div class="countdown"> ... </div> Elemente lösche, aber das ist keine Lösung... Aber auch dort habe ich mit verschiedenen CSS Eigenschaften herumprobiert, konnte jedoch das Problem nicht lösen. Könnt ihr mir da vielleicht weiterhelfen?

Heute habe ich auch an anderer Stelle das selbe Problem gesehen als ich einige Classen vom Countdown auch dort verwendet habe (im Bereich wo jetzt die News stehen...). also muss irgend ein Fehler in den Classen sein, die bei den Countdowns verwendeten werden.

Danke im Voraus

ps. über CSS/Style/Verschachtelung-Vorschläge, Feedback, Verbesserungen, Hinweise etc... würde ich mich sehr freuen. Danke,

__________________
ich geb mir alle mühe die ich hab.

Bei unmotiviert verschwindenden Elementen im IE hilft es meist, dem betroffenen Element "Layout" oder position:relative zu geben.
Ein
hat bei meinem lokalen Test genügt.

danke für die schnelle Antwort

hab das 1% im .box div.items Element hinzugefügt und nun sind beide Fehler weg, auch der neue im Hauptteil der Seite (der im Beispiel nicht sichtbar war). Danke

An zwei weitere Fehler habe ich mich grade erinnert... die Fehler sind sicher bekannt aber hab trotzdem nichts dazu gefunden?.

Wenn ich den Schriftgrad im IE6.0 auf "Größer" stelle, dann wird die horizontale Navigation (die 5 Buttons haben jeweils eine Breite von 20%) umgebrochen. Nach einem Screenshots und genauer Vermessung geht sich der "5" Button um genau 1px nicht aus. Auf allen Browsern passt alles.

Das zweite Problem tritt auch bei einer Schriftgradveränderung auf. Bei verschiedenen größen verschwinden die Rahmen (1px solid). Firefox/IE/Opera(selten). beim Opera werden die Rahmen unterschiedlich dick. 1px durch 0.05em ersetzen brachte nichts.

Danke,

__________________
ich geb mir alle mühe die ich hab.