The second row of images. Seriously, it's aggravating me. As far as I can tell, there is no reason this should be happening. Some rows don't do it, but the number/rows that DO shift end up changing every time I try to fix it.
Each image looks like:
All of the images are coded in the EXACT same way, except for filename, obviously. There is no difference between rows, I'm letting the div width automatically set rows so I haven't even used any "br" tags!
<a href="/photography/HD/nat1.jpg" id="thumb" rel="shadowbox[nature]" title="Place 1">
<img src="photography/nature/nat1.png" /></a>
My css for #thumb, and everything image and link-related, looks like:
This is driving me mad. It's probably something awfully dumb.
transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;