margin-top: geht nicht

[Jonny]

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