Bilder mit dem Text skalieren

[devius]

Hallo Forianer,

ich bin gerade dabei, den Webauftritt unserer Uni ein wenig zu verbessern. Ein Punkt dabei wäre, Bilder skalierbar zu machen, d.h. wenn jemand im Browser die Schriftgröße verändert, sollen auch die Bilder größer/kleiner werden.
Bisher habe ich schon folgende Lösung gebastelt:

<a href="../../../uni/en/index.html" title="en"><div style="height:2.1ex;width:3ex;float:left;"><img width="100%" height="100%" src="http://www.rz.uni-augsburg.de/de/styles/pictures/flagge_english.png" alt="" /></div> This site in english.</a>

Problem dabei ist, dass nach dem Bild immer eine neue Zeile beginnt, wenn man das float:left weglässt und mit float:left wird das Bild im IE7 nicht als Link interpretiert.

Weiß einer eine bessere Methode?

Vielen Dank und schöne Grüße
  devius