IE8 input type image is showing border even, when I set border to none

Question

I have used input type image to display my custom style buttons, but for some reason IE8 shows border even when I set in CSS border to none. In other browsers it is not showing border at all.

input[type=image] {
    margin: 0px; 
    padding: 0px;
    border: none;
    border-width: 0px;
    border-style: none;
    background-color: none;
}

Answer 1

IE doesn't support that selector very consistently in my experience; give the input a class and then style it with that instead.

<input type="image" class="imageinput" name="whatever" />

input.imageinput {
    margin: 0px; 
    padding: 0px;
    border: none;
    background-color: none;
}