CODEWITHSUNDEEP
htmlcssinternet-explorer-8
DomingoSL
DomingoSL

Reputation: 15504

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     { width: 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.

Upvotes: 1

Views: 276

Answers (3)

J_B
J_B

Reputation: 175

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

Upvotes: 1

kobe
kobe

Reputation: 15835

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

Upvotes: 1

danjah
danjah

Reputation: 3059

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.

Upvotes: 0

Related Questions