Bir div'i başka bir div içinde dikey olarak hizalama

#ust{
	height:71px;
	background-image:url(../resimler/ustresim.png);
	}

#isim-slogan{
	float:left;
	}
	
#ust #isim-slogan #isim{
	float:left;
	vertical-align:middle;
	}
	
#ust #isim-slogan #slogan{
	float:right;
	vertical-align:middle;
	}
	
#ust #sosyalag{
	float:right;
	vertical-align:middle;
	}

Üst bölüm 71px yüksekliğinde. Ben #isim, #slogan ve #sosyalag kısımlarını bu bölüm içinde dikey olarak ortalamak istiyorum.
Yukarıda gibi bir kod yazdım.Fakat;
#isim kısmı aşağıya yakın bir şekilde duruyor
#slogan ve #sosyalag kısımları ile en tepeye yapışmış durumda

Hatanın nerden kaynaklandığını bir türlü çözemedim. Yardımcı olursanız sevinirim

Buda .html dosyam

	<div id="ust">
		<div id="isim-slogan">
			<div id="isim">
			   <h1>Rebah</h1>
			</div><!--logo bitiş-->
			
			<div id="slogan">
			   Haber Sitesi Teması
			</div><!--logo bitiş-->
		</div><!--isim-logo bitiş-->
		
		<div id="sosyalag">
		   sosyal aglar
		</div><!--sosyalag bitiş-->
	
	</div><!--ust bitiş-->