html - CSS border-width of 0px still rendering 1px in Internet Explorer? -

i have following:

.icon {  border-style: solid;  border-width: 2px 2px 0 0;  transform: rotate(-45deg); } 

the bottom border set 0px in image below border still rendering @ 1px. negative values not option.

as suggested somethinghere add border-bottom:none .icon this:

.icon {     border-style: solid;     border-width: 2px 2px 0 0;     border-bottom: none;     transform: rotate(-45deg); } 

or:

.icon{     border-top: 2px solid #454545;     border-right: 2px solid #454545;     transform: rotate(-45deg); } 

please try see page in ie , check if problem solved.

.box{    width:100px;    height:100px;    margin: 100px auto;  }  .icon{    border-top: 2px solid #454545;    border-right: 2px solid #454545;    transform: rotate(-45deg);  }

<div class="box icon"></div>