Having trouble with a list when both background and after properties are applied

29 views Asked by At

Demo: http://jsfiddle.net/NNbLN/

You can probably see the issue I'm having right away from the demo above. How do I stop the blue background getting applied to the :after element. In the demo I'm using colours but for production I'm using images, just incase that make any difference.

1

There are 1 answers

2
neo108 On BEST ANSWER

Move padding: 0 10px; from li to li:after and add background: white to li:after.

See: http://jsfiddle.net/neo108/cv6bC/4/