<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример страницы</title>
<link href="reset.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="bigorsite">
<span style="width: 140px; height: 40px; background-attachment: scroll; background-repeat: repeat; background-image: url("http://forum.mybb.ru/images/minS/konfortxt.png"); background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; display: block; float: left; margin-right: 0px; margin-bottom: 0px; margin-left: 140px; color: rgb(255, 255, 255); font-size: 30px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; margin-top: 60px" onmouseover="this.style.margin='40px 0 0 140px'" onmouseout="this.style.margin='60px 0 0 140px'" align="center">ФОТО</span>
<span style="width: 140px; height: 40px; background-attachment: scroll; background-repeat: repeat; background-image: url("http://forum.mybb.ru/images/minS/konfortxt.png"); background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; display: block; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 30px; margin-top: 60px" onmouseover="this.style.margin='40px 0 0 10px'" onmouseout="this.style.margin='60px 0 0 10px'" align="center">САЙТ</span>
<span onclick="a=document.getElementById('bigorsite');a.parentNode.removeChild(a)" style="width:40px;height:40px;background:url(/images/minS/exitfromini.png);display:block;float:left;margin:60px 0 0 855px;z-index:99;position:absolute;">
pp</span>
<div style="position:absolute;z-index:9;background:url(/images/minS/fonfortxt.png);width:750px;height:750px;margin:79px 125px;display:block;opacity:1 !important;filter:alpha(Opacity=100) !important;">fg</div>
</div>
</body>
</html>