IE6 Absolute positioning

[pl0d]

I have a page im working on to display information for a group programming project that I have for school. I've developed a rough design for the page:

[puchpics.obive.net...]
(The styles are in the page still)

The blue area is where the content will go, and the design works fine, except for in IE where it looks miserable. Does anyone know of an easy fix for absolute positioning in IE? I've been looking around online for one but haven't been able to find one yet. If no such fix exists, what is the quickest way to workaround the problem?

[Lynque]

Welcome to WW,

I suggest putting an absolutely positioned "wrapper" div around everything. Think of it as a container, then relatively position all of the other div's inside it.

Relative - meaning div's are positioned relative to other div's positioning.

[pl0d]

Im confused as to what you mean. Will the divs inside the "container" be relative positioned or absolute. I don't see how i could have them be relative and still end up with the page layout i want, but maybe im missing something

[doodlebee]

Meaning, put a wrapper around everything. Like so:

#wrapper {width:100%; height100%;, position:absolute;}

Then place yout top, content and sidebar divs within theout #wrapper div. Top, content and sidebar divs should be "position:relative" and will be positioned relatively to the #wrapper div, *not* the browser window.