Inhalte on top ausrichten

[HoschMOsch]

Hallo,

folgendes hatte ich vor:

in den einzelnen DIV's die sich im head DIV befinden wollte ich ein IMG einfügen welches eine gewisse größe hat. das IMG drückt das umschliessende DIV nach oben. der text in den divs befindet sich logoscherweise auf der grundlinie, also unten. Jetzt wollte ich mit vertical-align den text oben am div verankern. nur funzt das nicht. ist vertical-align nicht genau dafür da ?

<div id="div_head">  
		<div class="vertical-align" id="div_language">  
			###LANGUAGE### <img src="images/bg-head-seperator.jpg" alt="" />  
		</div>  
		<div class="vertical-align" id="div_permanavitop">  
			###PERMANAVI### <img src="images/bg-head-seperator.jpg" alt="" />  
		</div>	  
		<div class="vertical-align" id="div_rssfeed">  
			###RSSFEED### <img src="images/bg-head-seperator.jpg" alt="" />  
		</div>  
  
		<div class="vertical-align" id="div_search">  
			###SEARCH### <img src="images/bg-head-seperator.jpg" alt="" />  
		</div>  
	</div>  

body {  
	font-family:Verdana, Arial, sans-serif;  
	font-size:0.8em;  
	padding: 0px 0px 20px 0px;  
	margin: 0px 0px 0px 0px;  
	text-align: center;  
	background-image:url('images/bg-body.jpg');  
	background-repeat:repeat-x;  
	background-position:0px 0px;  
	  
}  
  
#div_container {  
 	text-align:left;  
 	width:960px;  
}  
  
.vertical-align {  
		vertical-align:top;  
}  
  
#div_language {  
	float:left;  
	border:1px black solid;  
}  
  
#div_permanavitop {  
	float:right;  
}  
  
#div_search {  
	display:inline;  
}  
  
#div_rssfeed {  
	float:left;  
}  
  
#div_head {  
 background-image:url('images/bg-head.jpg');  
 height:223px;  
 width:960px;  
}