video buttons not lining up properly

[drotar]

smart people,
have a problem that’s a real head scratcher here. i am working on

http://jeffersonfilms.com/works.html

and as you can see the buttons on the commercial reel are lining up incorrectly – 7pong, 8MAX and 9Sotto Voce

… 7pong shifting all the way over to the right and 8 and 9 lining up beneath it. if you go below to the Documentary Reel this is not happening.

the documentary reel is taken from the same site as was the commercial reel but after I replaced the commercial reel with new videos and posters for the buttons (which are the exact same size as the ones working in the documentary category.) this happened. You can view my original site for this build at http://www.bjoinfilms.com/reel.html

I cannot figure out for the likes of me what has caused this malfunction on the commercial buttons 7 8 & 9 on the jeffersonfilms.com website. the code as well as the css is identical. it didn’t start acting up until i switched out the button art work. (which are all 640X360px

any ideas?

code pen: http://codepen.io/drotars/pen/VmZzLW

drotar

[Shikkediel]

Quite simply text alignment?

.h2h {
text-align: right;
}

[drotar]

thank you shikkediel. but what was causing the buttons from not lining up was caused by one of the buttons being sized as 361×240 instead of 360×240. took me 2 days to find this flaw. now it’s working perfectly. again, thank you for taking the time.

[Author]

Posts