Question

I would like to vertically center the image I am adding via the CSS content property. Fiddle

Answer 1

Why not do it as a background image? Looking at the example code below the positioning is handled by the last two parts.

#bar {
  background: url(http://goo.gl/XWguD) no-repeat right 50%;
  padding: 3px 40px 3px 0;         
}

:after is not supported < IE7 (see here) where as background images are supported everywhere.

http://jsfiddle.net/spacebeers/F37pV/20/