Safari und CHrome stellen Bilder "falsch" dar...

Hallo Miteinander,

ich musste soeben feststellen, dass Bilder auf meine Site von firefox, IE und Opera zwar korrekt, jedoch von Safari und Chrome verzerrt dagestellt werden… grrrr.

Der Code auf der html-Seite ist der:

<strong>Mitarbeiter</strong><br /><br /> <img class="bild" src="../images/gruppenbild" alt="Gruppenbild" / ><br />

in der css-Datei hab ich das so gemacht:

img.bild { height:40%; width:40%; }

Bin jetzt kein Profi, vielleicht kann mir einer auf die Sprünge helfen… DANKE!!!

Ich würde mal die Prozente weglassen und statt dessen feste Pixelwerte eingeben.

Warum skalierst du das Bild nicht in einem Grafikprogramm auf die gewünschte Größe? Spart Speicherplatz, Traffic, Ladezeiten beim Besucher und Nerven wenn es der Browser nicht kapiert.
Auch macht man Abstände mit margin, nicht mit
s.