Html 提交按钮的自定义图像未显示

我正在尝试为我的联系人表单自定义提交按钮。我好像错过了什么。我的图片链接似乎没有出现？有人能帮我一个忙吗？也许能指出我做错了什么，或者我遗漏了什么

代码如下：

    <li id="emf-li-post-button" class="left">
<input type="image" style="width: 100px; height: 50px;" scr="http://andreethier.webs.com/Website/submit.png" 
value="submit.png" onmouseover="return true;" /></li>

这应该是正确的代码：

如果要提交表单，应使用

input type=“submit”

HTML

<li id="emf-li-post-button" class="left">
  <input type="submit" onmouseover="return true;" value="Text" />
</li>

---

jsiddle:

您键入的是“scr=”而不是“src=”，如果某个答案解决了您的问题，请将其设置为答案。如果没有，请编辑您的问题并提供更多详细信息。

<li id="emf-li-post-button" class="left">
  <input type="submit" onmouseover="return true;" value="Text" />
</li>

#emf-li-post-button input {
    background: url('http://andreethier.webs.com/Website/submit.png') no-repeat top left;
    height: 50px;
    width: 100px;
    border: none;
    font-size: 0;
    cursor: pointer;
}