CSS positioning and page size help

[desdemona]

I'm am trying to make a layout with a few graphics and an iframe using css positioning - my idea is to make a layout no bigger than the screen.

Basically I've just put my images and iframe onto a html page in a fixed size div and positioned it using relative positioning.
The positioning part work as it should and the site looks as it should in all screen resolutions.
My problem is, when I view the site in the browser there's a lot of empty space at the bottom of my page in the div... the page is just as big as if I didn't position the elements at all. Even if the content fits nicely in my fixed size div I can scroll down on the empty space.

Now I tried fixing this by just removing the scroll option for the div, and it seemed to work alright. BUT when I use links in my iframe with named anchors what happens is the links works ok but the page in the div will automatically scroll/jump down to the bottom of that page (i.e the empty space) when the link is activated
I have NO idea how to fix this and I would be really sorry to ditch my layout because of this. I'd be really happy for any advice on this

[Jazzee]

Can you show the page?

[samer]

ditto.

[desdemona]

I haven't uploaded it yet but I guess I better so you guys can take a look.
I tried playing around with some test pages yesterday, and it seems that I get the extra empty space on the page when I move up images with css positioning, even if it's just a page with images only and no iframe.
Maybe I'll just have to redo the layout with div layers instead of an iframe.
I'll post a link when the page is uploaded, thanks for helping out

[desdemona]

ok, I uploaded the test page.
You can find it here: http://home20.inet.tele.dk/desdemona/(this is my pet site for silly webstuff)
Click on the 'testpage' link... and when you click the '1. layers' link the whole thing jumps

I validated the css with a w3c css validator and the only error messages I got was regarding the scrollbar colors, so that shouldn't be it...

[Jazzee]

I don't know what is causing that. The only thing I noticed is that in your stylesheet you have

#content {
position: relative;
top: -310px;
left: 185px;
}

Why is it -310px? Shouldn't it just be 310px?

[desdemona]

well the iframe appears at the bottom of the page, so I'm moving it up, hence the -
I am convinced it's the moving the iframe up that's causing the empty space at the bottom, but I can't figure out a better way to make it show up where I want it to