Contenido de dos div's horizontales

[mblascog]

Buenas,
Me estoy peleando con un tema y no lo consigo.
Me gustaría hacer como una tabla con dos columnas y el texto alineado, verticalmente, arriba. Pero en lugar de usar tablas html, lo quiero hacer con div's y css.
En una columna sólo hay texto y en la otro incluyo un mapa con diseño adaptable y no hay manera de entender porqué el mapa me sale con una altura de 19píxeles, tal como puede verse en la siguiente imagen:



Alguna sugerencia por favor? Gracias

El código html es el siguiente:

Código HTML:

<section>
        <article>
            <div id="espaiContacte">
                <div id=col1>
                    Texto .....
                </div>
                <div id="col2">
                    <iframe src="https://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=rifos,+13,+sabadell&amp;aq=&amp;sll=41.779505,1.746826&amp;sspn=3.350703,7.13562&amp;ie=UTF8&amp;hq=&amp;hnear=Passatge+dels+Rif%C3%B3s,+13,+08203+Sabadell,+Barcelona&amp;t=m&amp;z=14&amp;iwloc=A&amp;ll=41.532617,2.117664&amp;output=embed"></iframe>
                    <p><small><a href="https://maps.google.es/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=rifos,+13,+sabadell&amp;aq=&amp;sll=41.779505,1.746826&amp;sspn=3.350703,7.13562&amp;ie=UTF8&amp;hq=&amp;hnear=Passatge+dels+Rif%C3%B3s,+13,+08203+Sabadell,+Barcelona&amp;t=m&amp;z=14&amp;iwloc=A&amp;ll=41.532617,2.117664"><?php echo $mapa[$idioma] ?></a></small>
                </div>
            </div>
        </article>
        <footer>
            <?php include("includes/inc_peu.php") ?>
        </footer>   
    </section>
 

Y el código css:

Código CSS:

#espaiContacte{
    width:100%;
    background:#FFF;
}
#col1{float:left;
      width:50%
}
#col2{
    float:right;
    width:50%
}
#col2 {
    position:relative;
    height:0;
    overflow:hidden;
}
#col2 iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-width:450px;
    max-height:350px;
}
#col2 a{text-decoration:none;
    color:#000;
    text-align:center;
    font: bold 1.2em/1.0 'Century Gothic';
    width:100%;
}