Andreas: 3 verlinkte grafiken mit xhtml nebeneinander

Beitrag lesen

hi
ich hab folgendes, verzwicketes problem:

moechte meine seite in xhtml-strict bauen was ja soweit kein
problem waer.

doch ich habe 3 links (grafiken) die nebeneinander stehen sollen,
was ich nicht richtig hinbekomme.
also es sollen 3 grafiken, die als link fungieren und die
nebeneinander stehen

zuerst hab ich es mit einem aufbau a la:

<a href="">
   <span style="float:left;background-image:url(...)" /> </a>
<a href="">
   <span style="float:left;background-image:url(...)" /> </a>
<a href="">
   <span style="float:left;background-image:url(...)" /> </a>

versucht, doch das zerreisst opera.

und wenn ich es so mache:

<div> <a> <div style="background-image" /> </a> </div>
<div> <a> <div style="background-image" /> </a> </div>
<div> <a> <div style="background-image" /> </a> </div>

ist es nicht xhtml conform, weil ein inline element ein block element
einschliesst. aber ich brauch ein block element, das erstens die
groesse des elements ohne inhalt (also nur mit hintergrundgrafik) erhalten bleibt und ich zweitens per css das hovern definieren kann.

ich hab mich jetzt schon ein paar stunden mit span,div,a,p und sogar img gespielt, bin aber nie zu einen befriedigenden ergebnis gekommen das mit opera,netscape und ie hingehaut haette.
nur jeweils immer fuer einen von den drein ;-)

die page in der netscape -conformen form ist unter
http://www.stefankarl.com/stu.ff/vespa
zu bewundern.

waer toll wenn mir jmd helfen kann, ich hab das
forum leider erfolglos durchforstet.

andreas