html - 背景画像が機能しない

Question

背景画像が表示されないのはなぜですか?

ここでjsFiddle

CSS

.arrow_icon
{
    display: block;
    width: 320px; // 25
    height: 240px; // 25
    background-image: url(http://s12.postimg.org/yi7yl766z/5b8nbn.jpg);
    background-repeat: no-repeat;
 }

.a1
{
    background-position: 0px 0px;
}

HTML

<table border="3">
    <tr>
        <td><span id="a2" class="arrow_icon a6" isClicked="0"></span></td>
    </tr>
</table>