:last-child:before With Column-count Behaving Differently In Chrome And Firefox

The expected behaviour (Firefox) The unexpected (Chrome) The JSFiddle demo http://jsfiddle.net/bZaKK/ (try it in Firefox and Chrome to see the difference). The HTML

Solution 1:

Chrome is actually giving the proper behaviour. The unordered list is given position:relative, so the line will be positioned absolute, relative to ul.

Adding left:0 to li:last-child:before will give the same behaviour in firefox

http://jsfiddle.net/bZaKK/2/