Bleibt die Frage, warum das ein div-block ist, und nicht ein span-Inline-Element …

Weil die Grafiken als background eingefügt werden, ist inline (bei <span>) ein Vordergrund nötig, um angezeigt zu werden.

<tr><td>4<center><span class=svg_symbol></span></center></td></tr>

bleibt leer, wenn <span> leer ist. Bei <div> als Block-Element ist ein Inhalt nicht nötig.

Oder ist die Frage als als Wink mit dem Zaunpfahl gemeint? Wie fülle ich denn den Vordergrund, dass er nicht breiter wird als als das background-SVG? Ich habe .svg_symbol bereits width:1em; zugewiesen, aber das reicht nicht