creative "more info" idea or fix to my current idea im using

stole my wife's netbook to check and, by golly, you're right... ie8 must be interpreting something differently... have you tried adding something like z-index: 100 to .thumbnail:hover span ?

see below

haha wow it worked. thanks alot man. hate to push my luck lol but any ideas opinions on the whole like, for example "web design" has a much shorter descritpion than tutoring (when u hover over "more")
idk how i feel aobut making the box the same size with it mostly empty, just to look/nice match up...
probably my best bet tho?
thanks so much man, ur man

you're welcome.

As far as making things "look nice" goes, I don't think the boxes all need to be the same size (it wouldn't look bad, either), but they should all be at the same vertical position. You could do this via javascript, or the simplest solution (workaround) would be to position all of the [ more >> ] buttons at the same vertical position. Either put them at the top, or push them all down to the bottom of their respective boxes.

i cant win man. now one of the bottoms dont match up with the other two (think id rather bottom match up than top) but the first one doesnt.
it also appears for some reason, that for each "more " button, the top gets higher and higher
like this _ - '

wish i could think of an easy alternative method for the 'more' but i cant think of anything

dont really like any other ideas i can think of

thanks so much for help .

could swear the more buttons were already at the same hieght. but i guess not. even if i did that though (i dont know how anyway) i guess just the height would change ?
oh that explains why it gets higher and higher through out the 3 "more's"
because the 3 more buttons go higher and higher.

i just want it so all of the bottoms line up so i can type as much information as i want and the height of the popup ONLY gets bigger, how can i complete this please?