width:1000px
height:18px
background:url(image/header-login-bg.gif) repeat-x top left｝
看上边的代码，主要有两点，1.最好把那张背景图直接放在同一目录的images下，这样子必免浏览器走弯路找你的图片路径，2.top和left.在写的时候最好还是加上。最后你有一句是重复删掉
忘了说一句不知道你的背景图片多大，越小越好！
这个问题就不是CSS的问题了，我觉的是你的页面加载的东西太多了，而且肯定有由先择行的，导致页面，先执行了由先执行的。这种问题只能用排除，从最有可能的地方一点点的试。不过你可以，先把所有的东西移除，只保留你想要的，看看什么结果
left:100px去掉就好了，可以用float之类的做，然后width里面加一点宽度，float:left 或者right一般就能定位了。
用类似mouseover 的也能做。类似下面这种，希望对你有启发。
<a href="#" target="_blank" title=""><img src="1.jpg"
onmouseover="this.src='2.jpg'"
onmouseout="this.src='3.jpg'">
</img>
</a>
