Link to home
Start Free TrialLog in
Avatar of groovyjon
groovyjon

asked on

Image sprite next to radio button in IE6

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>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of Jagadishwor Dulal
Jagadishwor Dulal
Flag of Nepal image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial