Hmm... Nu har jeg selv leget rundt med det, husket at inline-elementers bredde ikke kan fikseres, erfaret at der ikke er nogle andre elementer der klarer arbejdet ordentligt, og til sidst opdatet, at den eneste løsning jeg kan se er at lave det som et img-element med en usynlig baggrund. Det virker, men så er lidt af idéen jo ligesom gået af det. Her kommer det alligevel (med en lille rød plet):
<style type="text/css">
.lillebillede {
width: 13px;
height: 13px;
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IAAAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1JREFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jqch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0vr4MkhoXe0rZigAAAABJRU5ErkJggg==');
}
</style>
<img class="lillebillede" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D" />
Hvis jeg var dig ville jeg bare gemme dit 13*13 billede på serveren, og så linke til det helt normalt. Det vil være bedre for både dig og dine besøgende.