DIV igual de largo que imagen

[only_skating]

Hola, en el código que les dejo acontinuacion aparece una imagen a la izquierda y a su derecha un texto con una descripcion, este ultimo div va recuadrado, y por estética, me gustaria que fuese igual de largo que la imagen(variable) he probado con height:100% pero no consigo ver como hacerlo.

Código HTML:

<div class="titulodestinovariable">'.$mostrar['titulo'].'</div>
    <img src="viajes/'.$mostrar['codigo'].'" class="imgdestinovariable"/>
    <div class="descripciondestino"><br>
	<div style="margin-left:20px;margin-top:00px;">'.$mostrar['descripcion'].'</div>
      <p><span style="font-weight: bold; margin-left:20px;"> Precio:</span> '.$mostrar['precio'].' € <br />
        <span style="font-weight: bold;margin-left:20px;">Fecha:</span> '.$mostrar['fecha'].'<br />
        <span style="font-weight: bold;margin-left:20px;"> Hora: </span>'.$mostrar['hora'].'
    </div>
    </div> 

Código HTML:

.destinovariable{
	float:left;
	margin-top:20px;
	width:800px;
	margin-left:10px;
}
.titulodestinovariable{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
	font-size:34px;
	color: #999;
	text-decoration:underline;
	margin-left:10px;
	}
.imgdestinovariable{
	float:left;
	margin-top:20px;
	margin-left:10px;
	width:340px;
	}
.descripciondestino{
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:400px;
	height:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:#999 solid;
	}