Jonny: margin-top: geht nicht

Habe ein Problem und zwar folgendes:

ul#Navigation { background-color: #000000;
                font-size:11pt;
                color:#FFFF00;
                font-family:Arial;
                float: left; width: 16em;
                margin: 0; padding: 0;
}

ul#Navigation li { font-size:11pt;
                   color:#FFFF00;
                   font-family: Arial;
                   list-style: none;
                   margin: 0; padding: 0.5em;
                   width: 200px;
                   margin-top: 20px;
                   border-style: dotted;
                   border-width: 5px;
                   border-color: #FF6600;
}

.......

Des is der Code von der Navigationsleiste wenn ich jetzt versuch mit margin-top des Ding runterzusetzen also wie folgt:

ul#Navigation { margin-top: 20px;
                background-color: #000000;
                font-size:11pt;
                color:#FFFF00;
                font-family:Arial;
                float: left; width: 16em;
                margin: 0; padding: 0;
}
ul#Navigation li { font-size:11pt;
                   color:#FFFF00;
                   font-family: Arial;
                   list-style: none;
                   margin: 0; padding: 0.5em;
                   width: 200px;
                   margin-top: 20px;
                   border-style: dotted;
                   border-width: 5px;
                   border-color: #FF6600;
}

Dann geht des net die Navileiste bleibt an ihrer Position und ist nicht wie angegeben 20 Pixel vom oberen Rand entfernt.

Was is da falsch ???

Gruß Jonny

  1. Hallo Jonny,

    ul#Navigation { margin-top: 20px;
                    background-color: #000000;
                    font-size:11pt;
                    color:#FFFF00;
                    font-family:Arial;
                    float: left; width: 16em;
                    margin: 0; padding: 0;

    überlege Dir, was margin-top: 20px macht, und was margin: 0 macht, wenn es hinter dem margin-top in der Definition steht.

    Gruß
    Olaf

    1. Hallo Jonny,

      ul#Navigation { margin-top: 20px;
                      background-color: #000000;
                      font-size:11pt;
                      color:#FFFF00;
                      font-family:Arial;
                      float: left; width: 16em;
                      margin: 0; padding: 0;

      überlege Dir, was margin-top: 20px macht, und was margin: 0 macht, wenn es hinter dem margin-top in der Definition steht.

      Gruß
      Olaf

      Woooooooooooowwww stimmt
      Danke hab ich ehct übersehen naja es liegt immer an Kleinigkeiten

      also danke nochmal

      gruß jonny