So, ich habe selbst rausgefunden, was der Fehler war.
<ul id="farbe">
<li>Farbe
<br><input type="checkbox" name="farbe" value="weiß" id="weiss">
<label for="weiss"><img align="left" src="01_weiß%20Kopie.jpg" alt="weiß">
</li>
...
</ul>
> und
> ~~~css
> #farbe{padding-left:0em;
> font-size: 1.6em;
> line-height:1.5em;
> }
> #farbe input{position: absolute;
> left: -666px;
> }
> #weiss+label img, ...{ background: #DDD;
> border: 3px outset;
> padding: 2px 5px;}
> #weiss:checked+label img, ...{
> background: #CCC;
> border-style: inset;}
> #farbe img{padding:0.1em;}
>
Es fehlte im CSS einfach nur die Zuweisung zum img.