arnoldc
6/23/2013 - 12:08 PM

css: text-indent for IE

css: text-indent for IE


.button{
  width:114px;
  height:37px;
  border: none;
  background: transparent url(images/submit_btn.gif) no-repeat center;
  overflow: hidden;
  text-indent: -999px;

  font-size: 0;
  display:block;
  line-height: 0;
}

/*
font-size:0 
is used to reduce the font size and works well in IE7. But even after adding this line, you would notice a black line(which is basically the text) on the center of the button in IE6.

display:block
Negative text-indent works in IE only if this is added.
 
*/