Animowane podkreślenie pod linkiem

Oto kod CSS, który dodaje animowane podkreślenie do linków na stronie, nie zły efekt by zwrócić uwagę odwiedzających!

<style type="text/css">

a:link {
color: #C37108;
white-space: nowrap;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #C37108;
}

a:hover {
text-decoration: none;
background-image: url(media/animated_underline.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
padding-bottom: 3px;
color: #CC9900;
}

a:active {
text-decoration: none;
}

</style>