Vorrei allineare l'immagine al testo pero anchese gli ho dato lo stesso top non si allineano

pagina


codice:
<style type="text/css">
<!--
body {
	background-color: #efefef;
}
 
#box {
	width:700px;
	height: 95%;
	margin:0 auto;
	border:1px solid #333333;
	padding:10px;
	background-color: #FFFFFF;
}
 
#immagine {
	position: relative;
	width: 250px;
	top: 30px;
	left: 30px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #333333;
	padding-right: 20px;
}
 
#testo {
	position: relative;
	width: 250px;
	top: 30px;
	left: 340px;
}
 
-->
</style>
<div id="box">
	<div id="immagine">[img]locandine/film1.jpg[/img]</div>
	<div id="testo">testo</div>
</div>