extra space in ie on a relatively positioned div

[samtaleterapi]

hello

in ff http://www.phuset.dk/kopi/rasmus/rasmus.html looks the way it should

see http://browsershots.org/http://www.p...us/rasmus.html

in ff the 155px heigh #logobottom takes up space the way it is supposed to, but i ie 5.5 and 6 the 155pxs are added within #page, and in ie 7 the 155pxs are adds space outside of #center

is there any way i can force ie to do it right?

or is my method of adding a footer element to #imagecolumn flawed?

thanks
rasmus

[Centauri]

When you relatively offset something, it still actually occupies the original space. Whilst FF and IE7 will allow a child to be larger than the parent, and therefore hang out of the parent, IE6 will increase the size of .clear-bottom-with-logo to enclose #logobottom. IE7 is still accounting for the real space occupied by #logobottom as a bottom margin, whereas FF is collapsing it.

A more cross-browser way may be to absolutely position #logobottom relative to .clear-bottom-with-logo :

#logobottom {
	position: absolute;
	text-align: center; 
	width: 201px; 
	top: -155px;
	left: 0;
	}

.clear-bottom-with-logo {
	clear: both; 
	height: 10px;
	position: relative; 
	}

[samtaleterapi]

fantastic
thank you
rasmus