Why i cant see this image button on IE8 with this CSS?

So, this is the html code for the button

<input type="submit" name="logueo" value="log" id="sendbu"/>

And this is the css style

#sendbu     { wi开发者_JAVA百科dth: 50px; height: 34px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; background: transparent url(lock.png) no-repeat center top; border: 0;   text-indent: -1000em; cursor: pointer; cursor: hand; }

All this works on Chrome and Firefox, but in IE the button seams to dont exist. Thanks for the help.

@domingo why text-indent - 1000em , ie does a different calculation on negative margins , try to remove that and check once

font-size: 0; works sometimes. I'm sure there are sites that use negative indent that work in IE.

Try: background: transparent url(lock.png) center top no-repeat;, and also the 'name' and 'id' properties should match, different flavours of Browser use 'name' differently.