Wie erstelle ich Hover Effekt in einer Div??

[HILFEHILFE]

Hy,

ich möchte bei meiner Myspace Seite Buttons, die sich in einer Div befinden mit einem Hover Effekt versehen, also dass der Button beim herüberfahren mit der Maus eine andere Gestalt annimmt.

Habe es zuerst mit Mouseover probiert, doch das wird durch Myspace scheinbar nicht unterstützt.

Die Buttons sind momentan ohne Effekt und in einer Div.

Die Page:
http://myspace.com/xzoz


Das ist die Div einer der 8 Buttons:


<style>

body {margin-top:0px;}

div.youtube img {border:0px !important;}
div.youtube {position: absolute; left: 50%;
width: 100px; height: 70px;
margin-left: 200px; top: 790px;
_margin-left: 200px; _top: 790px; }
</style>

<div class="youtube">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvWFpPWm11c2 ljR0VSTUFOWQ=="><img src="http://xzoz.lima-city.de/ButtonXZOZ/youtube1.png" /></a>
</div>







Kann mit jemand Bitte erklären, wie ich das hinbekomme??

Habe es mehrere Stunden probiert und im netz gesucht, auch aus den anderen Seiten vom Quelltext zu stiebitzen, aber es klappt einfach nicht.


Vielen Danke im vorraus!

Liebe Grüße

 

[developr]

Du kannst dem DIV eine ID zuweisen und dann per CSS mit :hover arbeiten ;-).

<style> #div { background-image:url(PFADZUMBUTTON); } #div:hover { background-image:url(PFAD ZUM ANDEREN BUTTON); }</style>