• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 4823
  • Last Modified:

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

0
templeku
Asked:
templeku
  • 2
1 Solution
 
David S.Commented:
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.
0
 
FSIFMCommented:
add to the css

sidec {
height: 100%;
}
0
 
FSIFMCommented:
sorry i meant

.sidec {
height: 100%;
}

(i forgot the dot before the sidec class)

0
 
templekuAuthor Commented:
So quick and easy!  Thanks a lot!
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now