[CSS] Absolute positie afbeelding onder tabel

[Verwijderd]

Een positie-probleem...

Doel
Een layout zoals op deze afbeelding bekomen:


Probleem
Probleem is dat ik niet wil werken met afbeeldingen (met een image-map is dit simpel op te lossen).
Ik zou het graag willen doen in een tabel (voor de tekst) en dan het witte 'kruis' als achtergrond op die tabel. Maar dat kruis staat niet goed gealigneerd op tekst...

Verder kan ik met absolute positionering werken, maar hoe zit het dan bij het vergroten van afbeeldingen? Dan komt de tekst buiten dat kader.

Ik zou graag hebben dat de 'armen' van het kruis links en rechts (die op verschillende hoogte zijn) doorgaan op de pagina bij het vergroten. Dit is simpel op te lossen met CSS.


Iemand ideeën?

[moozzuzz]

offtopic:
het moet clients zijn

HTML:

<div>
  <a class="link1">tekst</a>

  ...
</div>

Cascading Stylesheet:

div {
  position: relative;
  width:    www px;
  height:   hhh px;
  background: #XXYYZZ url('bg.png') x px y px; /* om te positioneren*/
}

div a.link1 {
  position: absolute;
  top:      y px;
  left:     x px;
}