It seems that the link on line 44 only works when I remove 'position absolute' from my images. I have tested this issue on various browsers including opera, firefox, IE, safari and chrome.
I attempted to change the z-index of my link but did not see any difference in the result.
If you would like to see this problem for yourself, you can download the images and code from this link:
I have also included the code directly on this page :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
<style>
section>img:first-child
{
position:absolute;
left:0px; top:0;
}
section>img:nth-child(2)
{
position:absolute;
right:0px; top:0;
}
article
{
padding:50px;
}
a
{
z-index:10;
}
</style>
</head>
<body>
<section>
<img alt="article_end" src="main_top_left.png"/>
<img alt="article_end" src="main_top_right.png"/>
<article>
<a href="www.google.fr">LINK</a>
</article>
</section>
</body>
</html>