Hi,
I'm working on a site (please look at the signature at the bottom of this post for the address of the site with the problem) and have used a .png graphic for the logo. It is placed in one div but overflows into the next div on the right. With Firefox and Opera, it works just fine. But with IE7, the graphic is transparent inside its "home" div, but loses the transparency when it overflows onto the next div.
I can't figure out the solution at all.
For your info, the associated styles for the two divs in the stylesheet are as follows:
...
div.header1 {
background: url(../images/banner-left1.gif) top left no-repeat;
height: 79px;
}
div.header2 {
background: url(../images/banner1.gif) top right no-repeat;
height: 79px;
}
/* A special style for the header block logo image */
img.logo {
float: left;
}
...
In the index.php file, the associated code looks like this:
...
<div class="container"> <!-- Container for header, center & footer blocks -->
<div class="header1"> <!-- Container for 2 elements of top header -->
<div class="logocontainer"><img class="logo" src="assets/images/logo.png" width="320" height="79" alt=""></div>
<div class="header2">
</div> <!-- End header2 -->
</div> <!-- End header1 -->
...
I do actually have your .png fix installed, but I'm talking about IE7 here, so it's not really applicable. I haven't even thought about the issues with IE6 yet...
I'm busting my head here! :D
Any helpful suggestions would be very appreciated!
With thanks if so!