troubleshooting Question

Image sprite next to radio button in IE6

Avatar of groovyjon
groovyjon asked on
CSS
1 Comment1 Solution575 ViewsLast Modified:
I want to have the following appear all on the same line: radio button, image sprite, text. The code below works fine in all browsers but IE6. In IE6 the sprite+text appear on the line below the radio button. I've tried everything to get it working in IE6 but nothing seems to work. Any suggestions?

 
.iconplustext {
	display: inline-block; 
}
.reviewstars10 { 
	width: 65px;
	height: 14px;
	background: transparent url("/images/sprite-reviewstars.gif") no-repeat 0 0; 
	display: inline-block;
	background-position: 0px -28px; 
	left: 0px; top: 0px; 
}
.reviewstarslabel {
	margin-left: 70px;
}



<div style="height:120px;">
	<label for="overallRating">Overall rating</label>
	<div style="display:inline; text-align:middle; position:absolute;">
		<div class="iconplustext">
			<input type="radio" name="overallRating" value="1" > 
			<div class="reviewstars10"> <span class="reviewstarslabel">Very poor</span></div>
		</div><br/>
	</div>
</div>
ASKER CERTIFIED SOLUTION
Jagadishwor Dulal
Senior Web Developer

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 1 Comment.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 1 Comment.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros