Mouseover bildet verpixlet

[im-takt]

Hallo ich bin komplett neu und kenne mich kaum aus. Ich google seit Wochen nach, aber finde keine Lösung für mein Problem, vielleicht kann mir ja hier einer bzw eine :-) helfen. Auf meiner Homepage www.im-takt.at werden meine mouseover-bilder im Mozilla, IE und Chorm verpixlt angezeigt. Ich arbeite mit safari und da funktioniert alle blendend.
Hier ist der Code Vielen dank schon im Voraus. Wo ran liegt der Fehler??
Ich bin wirklich am verzweifeln, wenn jemand eine alternative kennt, bitte sagen !

<div style="position: fixed; top: 0px; margin-left: 356px;">
<a href="LINK"><img class="transparenz" src="mouseoutBILD" alt="" width="100" height="80"
onmouseover="src='mouseoverBILD'" onmouseout=
"src='mouseoutBILD'" /></a>
</div>

und damit lass ich die Bilder Vorladen

<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!-- hide from none JavaScript Browsers

Image1 = new Image(100,80)
Image1.src = "mouseoverBILD"

// End Hiding -->
//]]>
</script>

 

[bdt600]

Bringe die Bilder per Grafik-Programm auf die richtige Größe. Skalierungen im Browser sind meist verpixelt.

 

[Tronjer]

Auch die anderen Navigationsbilder sind verpixelt. Das fällt in dem Grau nur weniger auf. Der Grund dafür liegt in den nicht-proportionalen Skalierung von 650 x 374 auf 100 x 80.

 

[im-takt]

danke für die schnelle Antwort sehr lieb von euch <3 .. und das nächste wäre, dass sich die Bilder je nach Browser verschieben und das ist ungewünscht, habt ihr da vielleicht ein code-schnipsel, womit ich die Homepage Größe für alle Browser gleich groß machen kann ?? Das sich somit, die Bilder nicht verschieben?, oder gibt es da einen anderen trick ?

Danke im Voraus :)

 

[threadi]

Da gehts weiter (bevor hier jemand antwortet):
http://www.html.de/threads/hilfe-maenner-bilder-werden-verschoben-je-nach-browser.50619/