Odkaz - vlajka co se při najetí myši změní na jiný obrázek

Musim si sám udělat web. Mám takový nápad: česká vlajka je čb, a když na ni chci kliknout změní se na barevnou. Jako se odkazy z černého textu mění třeba na červený. Zkusil jsem zdejší návod a napsal toto:


<span style type="img/css">
<a: { background: <img src="imglr/czech.bmp" alt="xxx" /></a>
<a:link: { background: <img src="imglr/czech.bmp" alt="xxx" /></a>
<a:visited: { background: <img src="imglr/british3.bmp" alt="xxx" /></a>
<a:active: { background: <img src="imglr/british3.bmp" alt="xxx" /></a>
<a:hover: { background: <img src="imglr/british3.bmp" alt="xxx" /></a>
</span>

<span style="position: absolute; top: 420px; left: 0px"><a href="http://www.xxx.cz"><img src="imglr/czech.bmp" alt="xxx" /></a></span>

... a nefunguje to. Vlajka je furt ta česká.