IE strange button border

[k0r54]

Hi,

I am using <input type='submit' value='Go'> button and using this css class


border:2px solid #CC0000;
background-color:#F4F4F4;
padding-left:3px;
padding-right:3px;


Now on firefox it is fine but on ie i get for some reason a black shadow just outside the border?

Any reason for this?

Thanks
adam

[JPnyc]

Well you have a background color set, and 3px padding. My guess is, removing either of those will solve the issue. You're probably seeing the padding with the background color showing.

[toicontien]

Actually, you're probably seeing the shadow added to the button by Windows XP (assuming that you're on that OS). I just tried that code and it looks fine in IE6/XP SP1. We'll need to see the full HTML and CSS to help you any further.