big problem with anchor links and a css layout

[shovelandspade]

hi guys,

have a major problem which i've no idea how to resolve with the behaviour of anchor links on this page:

http://www.declutteryourhome.com/css/1/anchor_test.htm

if you click on any of the anchors (e.g. no. 4) the viewport correctly moves down to the anchor no. 4 as expected.

But look what happens to the rest of the main body - it's hidden! where did it go!

it's happening consistently ie7 and FF but ie6 is behaving correctly (for once!)

anyone know of a way around this?
many thanks

[Kravvitz]

That's a known problem with the equal height column technique you are using.

I recommend you use Faux Columns normally, but in your case I suggest you move the border on #leftcol to #rightcol.

Faux Columns
Creating Liquid Faux Columns
Faux Columns for Liquid Layouts

[shovelandspade]

thanks for the tip Kravvitz!

i'll play around with it and see if i can try the alternative