Eigene Checkbox rechts neben Label?

[Marvin Esse]

Hallo,

ich versuche mich an ein paar eigene Checkbox-Stile, bei denen die Checkbox rechts neben dem Label erscheinen soll. Aber es scheint so nicht zu funktionieren, denn die Grafik wird linksbündig unter den Label-Text gepappt.

input[type=checkbox] {
	display:none;
}

input.icon[type=checkbox] + label {
	display:inline-block;
	background: url('/images/icon_unchecked.jpg') no-repeat;
	min-height:33px;
	padding: 0 100 0 0px;
}

input.icon[type=checkbox]:checked + label {
	display:inline-block;
	background: url('/images/icon_checked.jpg') no-repeat;
	min-height:33px;
	padding: 0 100 0 0px;
}

<input type="checkbox" class="icon" value="None" id="test" name="test"  />
<label for="test"><span class="supersmall">0777</span> Test:</label>

Kann mir jemand verraten, wo der Fehler liegt?

LG Marvin