.nav a:link { background-image: url(button1.gif)0% 0% no-repeat; width:62px; heigth:62px;}
Das ist Quatsch. Schau Dir an, wie man „background-image“ verwendet. Dass der IE daraus was anzeigt, ist Blödsinn. Das Ergebnis reiner Zufall.
.nav a:hover { background-position:0% 100%; }
Sagtest Du nicht, dass Du Bilder austauschen wolltest? Hier verschiebt sich das Bild lediglich, und zwar vermutlich noch aus dem Bereich hinaus, so dass Du beim Hover kein Image mehr siehst.
Ganz ehrlich, so wie Du CSS angehst, wirst Du vermutlich immer zu der Sorte Leute gehören, die ewig über CSS schimpfen, und weiterhin Tabellenlayouts verteidigen, und weiterhin veraltete, barrierebehaftete, technisch unansehnliche Websites schreiben.
Es ist durchaus Ernst gemeint, wenn ich schreibe, dass Du erst mal HTML lernen solltest. Glaub mir, nur wenn man das Thema CSS von der richtigen Seite angeht, lernt man es wirklich und vor allem merkt man, dass es schnell geht, und ganz logisch und einfach ist.
Fragen? Jederzeit gern!
Gruß,
-Efchen