Vertical-align miért nem működik?

Van egy div, benne egy kép.

Annyit kibogarásztam neten, hogy table-cell tulajdonságnál működik csak, így azt is adtam meg a div-nek de mindhiába. További netes tanácsok, hogy adjak auto padding/margin tulajdonságot, szintén semmi.

Ez a kód:

<div id="menu">

<img id="kep">

</div>

És hozzá a css:

#menu{

height:100%;

padding:auto;

margin:auto;

display:table-cell;

vertical-align:middle;

}

#kep{

height:200px;

padding:auto;

margin:auto;

}