Hello everyone my name's Mark.
Been struggling with a remake of my site & have a problem with IE7.
The content area of my site is wrapped in this div (which uses a semi-
transparent png as the background to allow the body background image
to show through):
.content-inner {
background-image: url(../images/bg3_02.png);
background-repeat: repeat-y;
height: auto;
}
However, when I place a div to contain a thumbnail image within this
area I get a very strange result in IE7 (works perfectly in IE6,
Safari & FF). It appears the background-image in .content-inner gets
overlaid on itself (effectively doubling the opacity of the png) only
behind the area containing the thumbnail containers. The thumbnail
container div:
.section-thumb {
float: left;
margin-right: 20px;
background-image: url(images/thumb-bg.png);
width: 120px;
text-align: center;
background-repeat: no-repeat;
height: 120px;
}
You can see the problem here:
http://www.smartgrafix.com.au/smart3/photography.html
I'd be most grateful for any suggestions on how to overcome this.
Thanks in advance,
cheers
Mark Hancock
[EMAIL PROTECTED]
http://www.smartgrafix.com.au
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
