IE8 vertically centering an <img> in a <div> - line-height?

Hi,

I’m trying to vertically center these pepsi images using the line-height method,
but it isn’t working in IE8. Does anybody have any suggestions?

Here it is:

Thanx for your help!

Hi,

They are vertically centred in IE8 but won’t be vertically centred in IE7 and under though.

For ie7 and under you can approximate vertical centering by increasing the font-size.

e.g.


.horizontal{font-size:125px}

Thanx so much, Paul O’B! That’s Awesome!