طلب مساعدة بسيطه في تأثير على صورة Css

[GrEaTxP.com]

السلام عليكم

اخواني
لدي صورتين في نفس المكان الصوره الاولى تظهر تلقائيا في تحميل الموقع
اريد في حين التأشير بالماوس على الصورة الاولى تظهر الصورة الثانيه مكانها

الصوره الاولى اسمها latestLOGO.png
الصوره الثانيه الي ابغاها تظهر اثناء التأشير هي latestLOGOover.png


الكود الي استخدمته الي هو بالفعل خطأ مدرج ياريت يا اخوان تساعدوني على الكود نفسه

h1.logo a {
	width: 349px;
	height: 210px;
	display: block;
	background: url(../images/latestLOGO.png) no-repeat center;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
    background: url(../images/latestLOGOover.png) no-repeat center;
}

وشكرا مقدما

[مصطفى فرغلى]

h1.logo a {
    width: 349px;
    height: 210px;
    display: block;
    background: url(../images/latestLOGO.png) no-repeat center;
}
h1.logo a:hover {
    background: url(../images/latestLOGOover.png) no-repeat center;
}