Padding not working in IE

I am using images in css span and giving the border padding which is perfectly working in FF but not woking in IE plz check it,

complete CSS Code is here,
position: relative;
z-index: 1;
.thumbnail img {
    border:1px solid  #CCCCCC;
background-color: transparent;
z-index: 2;
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
left: -500px;
border: 1px #C3D6EE solid;
visibility: hidden;
color: black;
text-decoration: none;
.thumbnail span img{ /*CSS for enlarged image*/
border:1px solid #000;
border-color: #CCCCCC;
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
padding: 3px;
width: 200px;
height: 0 auto;
left: -10px;
 /*position where enlarged image should offset horizontally */

Open in new window

Who is Participating?
R7AFConnect With a Mentor Commented:
Do not apply width and padding to the same element.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.