Hey, Doing a little free project for someone and I am having an issue I have never come across. The code is only local so I can't like it to you, and tbh, the CSS is a bit of a mess atm. Here is my issue anyway: The text has a transparent background which is ignoring its div background and showing through the main background! What the heck? Can anyone throw a bit of light on this please? It is annoying the hell out of me!
Internet explorer 6 + transparent PNG ? http://code.google.com/p/ie7-js/ Or what do you mean by transparent background ?
Can you see the picture above in my OP? By transparent background, I mean that there is a box around the text which is transparent - effectively cutting a whole through the background of the div it is in, and showing the page background image. I haven't tried it in IE yet, this is from FF. The only thing I have set to transparent on the page is on a div class wrapped around my logo, which is miles away.
Yes, but i ask about the CSS definition.... Anyway, install Firebug in Firefox or Firebug lite in Chrome, press F12, find one of the links in the source on HTML tab and check out the applied styles on left side list. It will say you what rules are applied, what rules from which files. Can't help you much more without seeing it live.
Installed Firebug... Yes that definitely helped, thanks! Turned out I put the main background image in the body and not the main wrapper div, which was causing issues. Been a few years since I last made a site and now I remember why I hated it! Muchas gracias.