ok mach folgendes:
#anfahrtsplan {
width: 516px;
height: 468px;
background-image: url('anfahrt.jpg');
}
#anfahrtsplan .detailed_picture {
display: block;
position: relative;
padding: 0;
margin: 0;
}
#anfahrtsplan .picture_a {
left: 306px;
top: 2px;
height: 80px;
width: 118px;
}
#anfahrtsplan .picture_b {
left: 22px;
top: 75px;
height: 98px;
width: 140px;
}
#anfahrtsplan .picture_c {
left: 175px;
top: 208px;
height: 79px;
width: 134px;
}
Das packst du ans Ende der style.css deines Designs (include/designs/ilchClan/style.css)
<div id="anfahrtsplan">
<a class="detailed_picture picture_a" href="das bild in groß"></a>
<a class="detailed_picture picture_b" href="das bild in groß"></a>
<a class="detailed_picture picture_c" href="das bild in groß"></a>
</div>
Deine ganze Tabelle ersetzt du mit diesem Code (musst natürlich noch die Links ändern, also das href="".
und hier hast du dein zusammengesetztes bild:
img855.imageshack.us/img855/7760/anfahrt.jpg
Habs nur kurz im Firefox, Chrome und IE7 getestet, da gings überall problemlos. Musste mal testen.