Puedes utilizar `bootstrap`, así no sólo logras lo que quieres sino que también lo harás responsive y se verá bien en cualquier dispositivo y al div de la galería le das 6 columnas y al div donde está el mapa le das 6 columnas también

    <div class="row">
    <div id="galería" class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
          ....
    </div>
    <div id="mapa" class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
          ....
    </div>
    </div>

En la página de bootstrap hay mucho material introductorio que te será útil. Te dejo el Link: [http://www.getbootstrap.com][1]


  [1]: http://www.getbootstrap.com