Minus value in top is not working in IE

Following css does not work in IE 8.

content: ' ';  
position: absolute;  
left: 0px;
top: -10px; 开发者_如何学运维//--- this is not working in IE.

The component disappears in IE. while in other browsers this works fine.

The wrapping div css:

clear: both;
margin: 0px auto;
width: 350px;
position: relative;

By looking at your fiddle:

You are adding div inside a form. Try taking div outside of form tag. May be you have some form css that is causing this.

And the fiddle you have posted works fine on IE 8 at my side.

2 possible solutions without seeing more of the code:

1. the surrounding div doesn't have it's position set to a value like relative
2. have you tried setting the z-index of the element to a higher value?

can't post a comment yet so posting it as an answer