Om nah hoo pez nyeetz, michaa!
Warum muss denn in diesem Beispiel die Hintergrundgrafik skalierbar sein?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
ul {width: 410px; height: 410px; border: 1px solid blue; padding:0;}
li {float: left; list-style: none; margin: 5px 0 0 5px; white-space: pre; width: 200px; height: 200px; background-color: red;}
</style>
</head>
<body>
<ul>
<li id="b1">
Beratung</li>
<li id="b2">Bewegung</li>
<li id="b3">Training</li>
<li id="b4">Ausdauer</li>
</ul>
</body>
</html>
und im CSS für jede Grafik das Hintergrundbild. white-space: pre;
sorgt dafür, dass du Zeilenumbrüche und Leerzeichen von Hand einbauen kannst.
--