Search code examples
asp.netcsscompatibilitypaddingright-to-left

Span element left and right padding reverses in IE7


I'm having this really strange problem with the CSS of my custom validator. I have a custom validator with the display property set to dynamic and the CSSclass property set to a CSS class I wrote.

In this CSS class I have a padding property. My problem is that the left and right values of the padding just reverse for no reason when I view my website in IE7 or IE8 with compatibility view set to on. The values just flip, the amount of pixels set to the left padding appear on the right and the other way around.

Sorry for not posting the code, I'm writing this from my phone because we don't have Internet access in this network.

Any ideas?


Solution

  • Had the same problem with span containing arabic text within an anchor tag - padding was inverted. Changing text to latin was one way to fix it :) Another one was to add zoom:1 to that span.