テンプレート「Train Catalog」でリストから参照される画像を全画面表示したい

Monaca 新規プロジェクトから選択できるテンプレートの "Train Catalog" で、リストから参照される電車の画像には、上下左右に余白があります。

画像の余白

この余白をなくし画像を表示することは可能でしょうか？

<div data-role="page" id="tokaido-page">
    <div data-role="header" data-position="fixed" class="jqm-header-custom" data-theme="c">
        <h1>Train Catalog</h1>
    </div>
    <div data-role="content">
        <ul data-role="listview">
            <li data-role="list-divider">Tokaido Shinkansen Trains</li>
            <li><a href="#" onclick="showDetail('0kei', 'Series 0')">Series 0</a></li>
        </ul>

CSS は以下のようになっています。

display: block;
margin-left: 0px;
margin-right: 0px;
width: 100%;
height: 100%;