Links als Bilder mit Hover nebeneinander

[Elvis]

Hallo,
wie kan ich die Bilder wie im diesem Beispiel nebeneinander Darstellen ???

HTML

Code: Alles auswählen

<div id="root">

	<div id="test">
	<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
	<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a> 
	<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
	<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a> 
	</div>
	
</div>

style.txt

[HJW]

Hallo,

Code: Alles auswählen

.logo:link, .logo:visited {
background:transparent url(images/fx.png) repeat scroll 0 0;
display:block;
height:80px;
width:80px;
float:left;
}

Code: Alles auswählen

.xampp:link, .xampp:visited {
background:transparent url(images/xampp.png) repeat scroll 0 0;
display:block;
height:80px;
width:80px;
float:left;
}

Gruß
Hermann Joseph

[Elvis]

Danke.