this happens to me all the time, it drives me nuts, I want to finally get to the bottom of this..

http://mayacove.com/dev/modal/test.html

WHY is there extra space betw elements here?

if I add a border around elements the space disappears
http://mayacove.com/dev/modal/test2.html

but of course as you can see, I can't do that here..
(I added overlfow:auto; to containing element, still no cigar...;-)

I run into this prob again and again (occurs in all browsers), sometimes I can solve by adding borders around elements, but you can't always do that, as is the case here...

would appreciate some help..

thank you..

PS: edit: just found out only browser it doesn't occur is IE7!!! (&6? I don't have to support IE6..) go figure...