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>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.