Those out there with superior CSS skills: I have a problem that I can not fix regarding an absolute positioned element in IE6. The illustration at the bottom sits on top and pushes all the content down. I can not for the life of me figure out what is going on. Need help. I have tried many different work-arounds and can not get this image to behave like an absolutely positioned element, which should be out of the normal flow of the document. Works well in all other browsers and IE7.

http://www.runningthevoodoodown.com/...exTwoCol2.html

Well first of all Dont Use absolute positioning.

Absolute Positioning-it allows you to set the exact position of a html content on a page. Although Absolute Positioning gives you the freedom to spell out exactly where a element is to appear.the position is still relative to any parent's element's that appear on the page.In other word's,absolute positioning only allow's to specify the exact location of an element's retangular area with respect to it's parent's area.
Absolute positioning can become a useability issue when users have small browser windows.
Absolutely positioned elements are taken out of the normal document flow, so other items may overlay or clash with them.
It is better to avoid when possible, or at least use with caution.

Dont Use it.You're better off using float's
http://css.maxdesign.com.au/floatutorial/
http://www.pmob.co.uk/index.htm
http://www.autisticcuckoo.net/archiv...ively-absolute

You've also got a batch of validation errors - such as your attempt to incorrectly put a link around a heading - put the link INSIDE the <hx> tags and it'll be valid.

In this case, for the one element, the AP is suitable, it just has to go in the right place in the code. I think the main problem is that you've got the image stuck inside the list. Since it's absolutely positioned, it can safely be moved out of there and moved into it's nearest positioned ancestor div.

One other thing - you need to specify a background color for the body of your page. I do not use default desktop colors on my machine, my default bg color is pale pink (easier on the eyes, less eye strain). So, when I view your site in IE, I see your layout surrounded by pale pink !

Thank you both for your responses. I really appreciate your time to even look in on this problem I am having. I will review your comments this evening and I will try to see if I can make it work. Thank you again so much. I hope that if the problem persists that I can still get some insight into the issue. It always feels good to learn more as well.

I also wanted to add that there will be one illustrative image per list item and I believe if you move the image out of the list item then the image will be static and subsequently won't be able to add the other images in. This issue is really testing my nerves. IE6 is always a thorn in the side.

IE6 is always a thorn in the side.

It's a thorn in everybody's side - or at least those of us who make the effort to support it.

there will be one illustrative image per list item and I believe if you move the image out of the list item then the image will be static and subsequently won't be able to add the other images in.

Ok, I didn't look at the other pages to see the effect you've got going on there. IE has some problems with absolute positioning, you might want to read up on it here: www.positioniseverything.net.

Thank you again for your response. I think I have set the ul to relative, but to no avail. In IE6 the image literally makes everything push down. It sits on top and pushes everything down. That is what the screen shots are showing me. Thank you again for looking into this. I hope I can figure this out.