You don’t put the vertical align on the fotografia because it’s a div (so a block) and it’s floated (still a block).
The image itself however is who needs the vertical-align: bottom… look closely at Rayzur’s code. It says img {vertical-align: bottom;}
In IE7 you can clearly see a little gap between the bottom of the foto and the green border. FF is not showing this gap but it’s a natural gap. So by moving the vertical-align over to the image itself and not the containing div you’ll fix the small problem i n IE7.
Gonna check IE6 now.
Ok IE6 is really messed up, I see peekaboo bug and other stuff…
IE6 is showing the green line for me, but maybe not for you. IE6 is not enclosing the floated div fotografia. If miembro had Haslayout (a width, or something that triggers haslayout in IE6) then the box miembro would “stretch” down to completely include fotografia. Right now it only “sees” the text.
Then you also have overflow: hidden, which without Haslayout for IE6 I think is also cutting stuff off (depending on how I size my browser, sometimes the bottom image is cut off). After getting Haslayout on the miembro box, overflow: hidden might be ok for IE6, but if not, you can tell IE6
html #miembro {overflow: visible;}
I think you’re just getting hit by a few bugs all at once.
Ryan, that happened to me too… open a new tab, and try the url again, and it should work. I think there’s a goofy backend on that, but if you play around (also with the Back button) you’ll eventually get there.