IE,EdgeでSVGを:before,:afterのcontentで使う時に気をつけること

メニューなどでCSSで以下のように背景でSVGを指定した場合。
高さを揃えたいので、６０ｐｘにしたが、同じように背景に隣り合うアイテムがあったときに高さが不揃いになるときがある。

ul.slimmenu li.access:before {
    content: url("../images/menu-access.svg");
    height: 60px;
    display: inline-block;
}

display:inline-block;を入れることで解消した。SafariやChromeではこの現象は見られない。