absolute div, Z-index etc?

[unata]

Hi, there. I have a flowery background that I put in absolute div here <url removed> It's a gif background for IE 6 and PNG for other browsers. This is exactly how I want it to work - when the browser window is resized, the flowers move independently from the menu bars.

I am having trouble with IE 6 - the flowers div covers the top menu with coloured squares, but not the other menus (all set to position:relative). Playing with z-index does not seem to help. You can actually see the flicker of content underneath when you refresh the page. When you resize the window, you will see the content crawling out from underneath the flower gif.

Any ideas what I can do beside removing the background for IE 6 all together?

Natalia.

[edited by: encyclo at 1:03 am (utc) on July 8, 2008]
[edit reason] no links to personal sites please [/edit]

[4css]

Hi unata,

Please read the Forum Charter, [webmasterworld.com] and the Terms of Service [webmasterworld.com] which explains how to post your code so that we can see what is going on with your page.

If you can still edit your post, please remove your link as link posting isn't permitted. This helps to keep dead links from being in old posts as well as "site review's" :)

When you post your code, make sure you post the css and the (x)html that you think is relevant. Also, make sure you validate both to make sure that you don't have any typo's.

~4CSS~

[unata]

thank you, I'll keep it in mind. I found a good reply online: for any of these types of problems, check three things
1. set position of any div that is underneath or around the problem div to relative.
2. make sure the height of the surrounding divs is set
3. work with z-index and read up on the difference between how IE and other browsers treat it.

In my case setting the height did the trick.

[4css]

Hi Natalia,
Thank you so much for posting the information that you found. When someone else is looking for the answer to this question they will find your post :) and hopefully it will help them!