IE11 下 多1px 問題

用 CSS 寫一個付款步驟麵包屑
這個麵包屑下以 li 加上 before 和 after 做成指標的形狀：



IE11 中瀏覽時居然 !!!

看到沒

一個白色間隙~~
1px !  

問題在於  li 內下了個 border-radius: 5px 0 0 5px;
這是個在 IE11 才出現的 BUG ~~

於是加了支 IE11 HACK， 讓它移 1 px
 *::-ms-backdrop, .pay-step li:after { right: -27px; } /* IE11 */

問題解決 ~~