Prozentuale Höhe versch. Elemente an der Höhe des Elternelements

[CL]

Guten Tag,
ich habe ein kleines Problem. Ich habe ein Div-Element mit folgendendem CSS Code:

#MainDiv {  
    width: 100%;  
    height: 100%;  
    margin-right: auto;  
    margin-left: auto;  
}

Untergeordnet einen weiteren Div:

#UnterDiv {  
    text-align: center;  
    width: 100%;  
    height: 100%;  
}

Diesem untergeordnet befinden sich 5 Bilder, die eine Höhe von 15% des Elternelements besitzen sollen:

.image {  
    height: 15%;  
}

Das funktioniert so leider nicht (getestet mit Firefox). Was ist der Fehler?

Grüße, Knight