Code: Select all
.rating:not(old) {
display:inline-block;
position:relative;
height:25px;
background:url(images/stars.png) repeat-x 0 0;
vertical-align:bottom;
}
.rating:not(old) div {
float:left;
position:relative;
}
.rating:not(old) input {
position:relative;
z-index:1;
width:25px;
height:25px;
margin:0;
padding:0;
opacity:0;
vertical-align:bottom;
}
.rating:not(old) label {
position:absolute;
top:0;
left:0;
width:100%;
height:25px;
}
.rating:not(old) span {
display:none;
}
.rating:not(old) input:checked+label,.rating:not(old):hover input:checked:hover+label {
background:url(images/stars.png) repeat-x 0 -25px;
}
.rating:not(old):hover input:checked+label {
background:0 0;
}
.rating:not(old):hover input:hover+label {
background:url(images/stars.png) repeat-x 0 -50px;
}
.nostar:not(old) {
display:inline-block;
position:relative;
height:25px;
background:url(images/stars.png) repeat-x 0 0;
vertical-align:bottom;
}
.nostar:not(old) div {
float:left;
position:relative;
}
.nostar:not(old) input {
position:relative;
z-index:1;
width:25px;
height:25px;
margin:0;
padding:0;
opacity:0;
vertical-align:bottom;
}
.star:not(old) {
display:inline-block;
position:relative;
height:25px;
background:url(images/stars.png) repeat-x 0 -25px;
vertical-align:bottom;
}
.star:not(old) div {
float:left;
position:relative;
}
.star:not(old) input {
position:relative;
z-index:1;
width:25px;
height:25px;
margin:0;
padding:0;
opacity:0;
vertical-align:bottom;
}
Code: Select all
<table>
<tr>
<td>
<div class="rating">
<div>
<div class="star">
<input type="image" />
</div>
</div>
<div>
<div class="star">
<input type="image" />
</div>
</div>
<div>
<div class="star">
<input type="image" />
</div>
</div>
<div>
<div class="nostar">
<input type="image" />
</div>
</div>
<div>
<div class="nostar">
<input type="image" />
</div>
</div></div> </td>
</tr>
</table>


What's making it go so wrong? It's the only browser affected by this issue, so I really can't understand how or why. I know that CSS can behave differently in different browsers, but this isn't something I would have expected from firefox.