Ion-scroll height problem with percentage

Go like:

<div id="map" style="float:left;width:70%; height:100%"></div>
<ion-scroll style="float:right;width:30%;height:100%"><div id="directionsPanel" zooming="true" direction="xy" style="height:100%" ></div></ion-scroll>

in other words let the content you want to be scroll be loaded in a div, then wrap that div with the ionscroll. Have only height attribute in containing div.