Background Problems

[cdp103188]

So I'm trying to use .PNG's with transparencies and semi-transparencies to make a cool background/layout for a website. Everything looks great in Firefox, but it's a little bit messed up in IE (as usual) and I can't figure out how to fix the problem.

The problem is the bottom part of the background. If you look at the bottom of the page in Firefox and then in IE you will see exactly what I'm talking about.

I would greatly appreciate it if someone could help me out on this, I need to finish up this website for my client ASAP.

The URL is www.mowildoutdoors.com

Thanks much for any help!

[Armor Darks]

you mean white borders where PNG have to be transparent?
check it: http://christopherschmitt.com/2007/10/30/png-transparency-for-internet-explorer-ie6-and-beyond/

[cdp103188]

Did you look at the website?

I am not having a problem with the PNG's themselves. I'm having a problem with the positioning/margins of the <div>'s being used to display and overlap the background images properly. In IE you cannot see the bottom border of the background image like you can in Mozilla Firefox.

[Armor Darks]

unfortunetly I see problems not only with bottom border

here is some screens

[cdp103188]

O_O

It doesn't look at all like that to me! Is that IE 6? I am using IE 7.

This is bad, how can that be fixed?

[Armor Darks]

yeap, that is f*****g ie 6 =(

about white borders read here http://christopherschmitt.com/2007/10/30/png-transparency-for-internet-explorer-ie6-and-beyond/

about other problems... usually for such purposes I prefer to use old and good tables =) works like a charm

[cdp103188]

Ok, I've made it to where people can't even use the website if they are using any version of IE under IE 7, but I still have a problem with the bottom border not showing properly in IE 7. Can you take a look at that for me?

Tables are something I'd like to avoid at all costs.

[Armor Darks]

I can't even see problem as it is =) I'm specially keeping old ie6 to check problems as you've seen above, so I'm not going to install ie7.

May be at least screens?

And why not tables? =)

[WebJoel]

#dropmenudiv div.center{
width: 100%;
border-bottom: 1px solid #050;
border-top: 1px solid #050;
padding-top: 5px;
padding-bottom: 5px;
z-index: 900;
font-weight: 900;
} Are you having any trouble here? "z-index:value;" only works when used with "position:relative;" or "position:absolute;" The default is always "position:static;" which cannot hold a 'z-index'
I have not studied the code closely, perhaps it doesn't matter or this element inherits the parent's position(?)

I see that "by cameron" <!-- comment --> and it makes we wanna cry...