non riesco a centrare verticalmente un h2 dentro un div. Il testo dentro dreamweaver mi compare al centro, quando pubblico va in topline.

div#titolo{
text-align: center;
height: 50px;
width: 750px;
background-color:#FFF8a9;
vertical-align: middle;
}

div#titolo h2{
color: #FF0000;
vertical-align: middle;
}

dove sbaglio ?