JQuery :: ActivePagerClass Assigned To Wrong Element

I'm trying to build a slideshow for wordpress. On a static page everything works as expected.In Wordpress however, the same script*1* behaves differently. The activeSlide is hidden behind the "default anchor image". I think it's because activeSlide gets assigned to li instead of the a -tag. You can see that with Google Chrome. The activeSlide class is advancing, it's just assigned to the wrong element. I'd like to target the link (a) again, so the green box appears in front of the red box.

This is the script
<script type="text/javascript">
$(function() {
$('#slideshow').after('<div id="slide_navi">').cycle({
fx: 'scrollLeft',
speed: 600,
Timeout: 4500,
activePagerClass: 'activeSlide',
pager: '#slide_navi',
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#"><img src="images/transparent.png" /></a></li>';
}});
});
</script>

The only difference is the way I get the images. But this shouldn't change the activePagerClass target, right?