I made a test installation of my website at this address: http://pr_test.0fees.net/ In IE 6 the menu has a white background instead of letting the header image be seen through it. And another problem that i get in all browsers, i can't fill the white stripe above the header. I've tried changing the bg to none everywhere i could think of, i even deleted the table from which the menu takes it's color, but to no success and i'm desperate. I welcome any suggestions.
You have defined padding : 20px 0; on your #wrap id that causes the white space in your header. lavaLampWithImage class is defined as block , that causes the problem in IE6. Try defining the following variable for IE6 specific _display: inline-block; Code (markup):
thank you for the reply, the _display:inline-block doesn't seem to work, and i need that space above the header, that's why i have a padding.
I fixed this by setting a negative _margin-top. I know it's not nice, but i couldn't find anything else that works.
I recommend as part of future work, to explain to customers that you do not custom CSS for IE6. Nobody uses it.... If he insists.. you can ask for extra $ for the project.
That the image http://pr_test.0fees.net/themes/paranici_car_wash/img/light.gif what causing the problem.. this image are used in body and wrap.. also i see the issue in chrome aswell
Wow. I noticed there was something strange with that image, i just didn't had the time to look into it. If that's causing the problem, i'll check it out.
lavalamp-contener div has a white background try removing that. As for: http://pr_test.0fees.net/themes/para.../img/light.gif What happens if you remove that bg image altogether? Generally ie6 deals very badly with transparency. What are your client's reasons for wanting this in ie6? The browser is no longer supported, even by MS!!