ul in div zentrieren

[Rainer]

Hallo,

nach nunmehr mehreren kläglichen Versuchen frage ich halt mal hier. Ich muss eine Liste in einem div zentrieren.

<div class="unten">
  <ul>
    <li>List1</li>
    <li>List2</li>
  </ul>
</div>

@css

.unten{background-color:#f7fcc1;height:20px;clear:both;text-align:center;}
.unten ul li{float:left;padding:0 10px 0 0;}

Warum geht das nicht?

Gruß Rainer