画像の周囲に、灰色の枠が表示されてしまう。

下のようなボタンの素材（透明部分はトリミングしています）を

このように表示したいのですが

下のように周囲に灰色の枠が表示されてしまいます。

この灰色部分を消すことは可能でしょうか？

現状以下のように、テンプレートの「Train Catalog」を書き換え
記述しています。

<div data-role="page" id="detail-page"class="story-page">
    <div data-role="header" data-position="fixed">
        <img src="images/story_top.png" alt="" width="100%"> 
       <a href="list.html" ><img src="images/returnbutton.png" alt=""></a>
    </div>

    <div data-role="content">
        <img src="" alt="" id="story-image" width="100%">
    </div>
</div>