javascript - style.height が機能しない

Question

デバイスの画面で地図の高さを自動にしたいのですが、style.heightをauto、100%、screen.heightに変更すると地図が消えてしまいます...高さを自動にする方法? これは私のコードです...

script.js

$('#home').live('pagecreate',function(){
document.getElementById('map_canvas').style.width=screen.width;
document.getElementById('map_canvas').style.height="20em";
});

index.htmlで私はちょうど呼んだ

<div id="home" data-role="page">
    <div data-role="header">
    *my header*
    </div>

    <div data-role="content">
        <div id="map_canvas"></div>
    </div>
</div>