CSS: IE - DIV overflow: hidden Problem

[gaby]

Nachtrag:

Problem hat sich gelöst... und zwar muss im "main" DIV ebenfalls position: relative stehen, dann klappts auch mit dem IE... obwohl es eigentlich unlogisch erscheint.

Hi,
Auch wenn sich dein Problem mittlerweile gelöst hat, finde ich deinen Code nicht optimal.
Du hast da nicht die Ursachen des Problems beseitigt, sondern nur an den Symptomen herumgedoktert. ;-)

Sehr wahrscheinlich brauchst du in der UL kein
UL {
  position: relative;
  top: 0px; }
(Das ist der Default-Wert)

Ich würde auch eher dem Element 'overflow:hidden' geben, dem du auch 'height: 200px' zugeordnet hast.

IMO wäre UL dafür das geeignete Element. Die umgebenden Container brauchen keine height-Angabe, da die UL diese schon auf eine Höhe von 200px ausdehnt.

Die Box #main kannst du dann auch weglassen.

#cSub {
  width: 160px;
   /*  height: 200px;  */
  border: solid 3px blue;
  }

UL {
  width: 160px;
  height: 200px;
  overflow: hidden;
  list-style: none;
  margin: 0px;
  padding: 0px;
  }

UL LI {
  border: solid 1px #000000;
  }

So ist es kürzer und funktioniert trotzden. ;-)

Grüße
gaby