css issue with the image on internet explorer 7

Question

.plus input[type="submit"] 
{
background: url("../Image/button_one.png") no-repeat;
border: medium none;
float: right;
height: 32px;
margin-right: 14px;
margin-top: 53px;
width: 32px;
}

I m using following code to display the button on the image it works with all browsers but when it comes to internet explorer 7 the button get out from the image.

Answer 1

input[type="submit"] doesn't support by IE 7 and IE8 see here . IT would be good to make a class.

Also you are writing a css in wrong manner. It should be like this. A working Demo .

 input.plus[type="submit"] 
{
background: url("http://lorempixel.com/60/30/") 0 0 no-repeat;
height: 32px;
width: auto;
}
input[type="submit"] 
{border:1px solid black;
width: 132px;}