Buenas tardes amigos, vuelvo a necesitaros

Tengo un div contenedor, y dentro otros 2: una
galería de imágenes, y un poco de texto. Lo que quiero es que la galería quede a la izquierda y el texto a la derecha, y en medio una imagen de un línea en vertical para separarlos.
Hasta ahí todo bien, la cuestión es que no lo consigo

El CSS del slider viene ya hecho así que no puedo meter mano, sólo para flotarlo a la izquierda y darle un poco de left para que no se pegue a la pantalla. El HTML es así:
Código HTML:
Ver original<div id="wowslider-container1"> <!-- ... -->
<img src="../images/separador.png" id="separador" /> <!-- Some text -->
Y el CSS:
Código CSS:
Ver original#container {
position:relative;
height:500px;
}
#separador {
height:450px;
display:inline;
float:left;
}
#info {
display:inline;
float:left;
}
Sin embargo, queda todo muy descolocado. También probé a flotar a la derecha #separador y #info, pero se descolocan de manera similar. ¿Cómo puedo hacer esto? Como último recurso podría colocar el separador en horizontal y poner la información arriba o abajo, pero me gusta más de esta manera.
Saludos (: