IE 11 renders CSS differently from other browsers

Question

I have this project that I'm working on, and it looks different in different browsers (imagine that). CSS works fine in every browser I've tried (chrome, safari, firefox), except for IE11 (again, imagine that). Here is an image of the IE version:

Here is what he suggested :

Now I looked at dev tools in both Chrome and IE, and here are the results.

IE:

Chrome:

So, as you can see in the picture, IE stands out bwizard-steps button::beforeand bwizard-steps button::after, but they work like in Chrome.

Any ideas why this would be? I looked through it, and IE11 should support ::beforeand tags ::after. But this clearly ignores them. I even tried to go into compatibility mode for IE, and it looks even worse.

Answer 1

.

, , overflow: visible;

(IE9 +): http://jsfiddle.net/aBfF8/1/

Answer 2

, button ul. HTML ul li.

li, CSS, . float: left; , , .

: , , HTML CSS ( jsfiddle)