asked on

CSS Background image not showing up properly in IE6

Hi - I have a background image set through CSS that shows up properly in Firefox 2 & IE7, but it doesn't render correctly in IE6.

It's the "Customer Testimonials" section at the bottom right.

Thanks in advance for any help.

/* Testimonials Style */
.sidec .quotes-quote {
	padding-right: 15px;
	padding-top: 35px;
	background-image: url(images/testimonials-top.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 7.5pt;
	color: #868686;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 30px;
	display: block;
	float: none;
}
/* Testimonials Style */
.sidec .quotes-author {
	padding-right: 15px;
	margin-top: -20px;
	font-size: 7.5pt;
	color: #868686;
	background-image: url(images/testimonials-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	display: block;
}

Open in new window

David S.

Try giving hasLayout to ".sidec .quotes-quote" and ".sidec .quotes-author". To understand what hasLayout is, read this:
http://www.satzansatz.de/cssd/onhavinglayout.html
(I discourage the use of the underscore hack, which it recommends though.)

You'll probably want to set the bottom margin on ".quotes-author p" to 0 as well.

Graham Hirst

add to the css

sidec {
height: 100%;
}

ASKER CERTIFIED SOLUTION

Graham Hirst

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

templeku

ASKER

So quick and easy! Thanks a lot!