Html Internet Explorer中的背景图像重复

我试图为表单中的按钮应用背景图像。这段代码在所有浏览器（Chrome、FF、Opera和Safari）中都能正常工作，看起来非常完美。但是，在IE8（我检查过的唯一版本）中，图像正在重复。我试图遵循标准和简单的HTML和CSS，但这真的很烦人。请看下面的图片

下面是HTML

<div id="header">
            <div id="TopHead">
                <div id="logo">
                    <a href="/" alt="eyaas">
                        <img src="logo.gif" alt="eyaas" />
                    </a>
                </div>
                <div id="country">India | Rest of the World
                </div>
                <div id="linksAndSearch">
                    <div id="linksTop">My Account | Login | Register | Cart
                    </div>
                    <div id="searchBar">
                        <form id="search_mini_form" action="" method="get" class="search"> 
                            <div class="searchBox"> 
                                    <input id="Text1" type="text" name="" class="searchBoxDefaultText jsSearchTerm jsToggle" value="" /> 
                            </div>
                            <div class="searchButton"> 
                                <button type="submit" title="" class="searchBoxSubmitButton" />
                            </div>
                            <div class="clear"></div> 
                        </form>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div id="TopNav">
            </div>
        </div>

---

你参考这个网站，我认为它可能对你有用，

这个问题由

<button type="submit" title="" class="searchBoxSubmitButton"/>

到

---

有人能详细解释一下为什么会发生这种情况吗？

一些类似的错误：你的IE运行在IE8或IE7模式（和/或其他兼容模式）下吗？我在正常模式下运行IE8，因为button是非无效元素，需要一个关闭标签

<button type="submit" title="" class="searchBoxSubmitButton"/>

<button type="submit" title="" class="searchBoxSubmitButton"></button>