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

السلام عليكم

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

الصوره الاولى اسمها 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;
}

وشكرا مقدما

كود PHP:

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;
}