[Cosma]

Tycker jag att du ska undvika att låta element flyta som din "header-holder". Bara att användas när det behövs eller ska användas.

Om du har element som använder float, följ mitt exempel så slipper du massa problem:

<div id="wrapper" class="cf">
	<div class="floatLeft">Jag flyter till vänster</div>
	<div class="floatRight">Jag flyter till höger</div>
</div>

/** CSS - Micro clearfix hack from http://nicolasgallagher.com/micro-clearfix-hack/ **/

/* For modern browsers */
.cf:before,
.cf:after { content:"";  display:table; }
.cf:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1;}

Använd inte denna metod. Den ser så ful ut i HTML koden.

<div id="wrapper">
	<div class="floatLeft">Jag flyter till vänster</div>
	<div class="floatRight">Jag flyter till höger</div>

	<div style="clear:both;"></div>
</div>

[editman]

tack för tipsen! det ser bra ut nu i Chrome/FF på Mac...dock inte i IE...någon som har en aning om vad det kan vara som gör att högerkolumnen förskjuts nedåt i IE?

[Zyry]

kollade runt på sidan och såg detta :
http://imageshack.us/photo/my-images/535/ftttt.png/