page corner curl/peel problem
Hello,
I created a page corner curl/peel in this page http://terrybraunstein.com/tb/ but I'm having some problem with it.
When I edit the page on my computer the corner curl with Welcome! text and the image of the building when expanded are covering the image of the book and that's how I want to have it. But when I upload it to the website then both the corner curl and the building end up behind the book image.
The code I'm using is below.
Am I doing something wrong? How to fix it?
Thanks for any help.
Marek
Code:
<style type="text/css">
#curl{
width:220px;
height:220px;
position:fixed;
top:0;
right:0;
}
#curl:hover{
width:850px;
height:850px;
-webkit-transition: ease 1s;
-moz-transition: ease 1s;
}
#code{
background:#fffff;
overflow:hidden;
width:185px;
height:185px;
position:fixed;
top:0;
right:0;
}
#code:hover{
width:450px;
height:450px;
-webkit-transition: ease 1s;
-moz-transition: ease 1s;
}
</style>
</head>
<body>
<div id="code">
<a href="http://terrybraunstein.com/events-news/">
<img id="curl" src="fold.png"></a>
<img id="fold" src="curl.jpg"></a>
</div>
