Strange Positioning problem

Hi,

I have created my wordpress (www.happysattva.com) site using the Athletica wp theme.

I want to have an overlay PNG image in the bottom right corner over the site. I have tried a couple of methods but have not been successful.

Here’s what I’ve done.

I have put the following in the css

‘#png1 {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 9999999999999999999999999999;
}’

and tried inserting the code below in a couple of places which are

just before the </header> tag in header.php file
in the index.php file
in the functions.php file
and on a page using “insert html snippets” plugin

‘<img id=”png1″ src=”http://www.happysattva.com/wp-content/uploads/2014/11/giftoflight_web.png&#8221; />‘

however the image just seems to be integerate into the site and move the remaining text further down.

How can I make this an Image overlay with a link.

PLEASE HELP! Thanks in advance!