Text in DIV zentrieren

[webgreenhorn]

Hallo.

Hier meine CSS-Datei:

/* CSS Document */

body {
        margin: 0;
        padding: 0;
        background-color: #ffffff;
        background-image: url(design1.gif);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        }

/* Navigation */

#info {
         background-color: #936b00;
         width: 10em;
         height: 2em;
         margin: 15em 0em 0em 0em;
         }

#geschichte {
         background-color: #936b00;
         width: 10em;
         height: 2em;
         margin: 0.1em 0em 0em 0em;
         }

/* Schriften */

.navi {
         color: #ffbe0d;
         font-size: 10pt;
         font-family: Verdana, Arial;
text-align: center;
vertical-align: middle;
         }

Also der Text in der DIV Box soll sowohl vertikal als auch horizontal zentriert sein. "vertical-align" hätte ich schon gesetzt, dies greift aber nicht. Welche Möglichkeiten hab ich da sonst noch?

Danke.