3 img layout

<style type="text/css">

.pfor {display:none;}

#profile { border: hidden; background-color: transparent; }

body {
background-color:#000000;
}

a:link, a:visited, a:active { -webkit-transition:
all 0.8s ease-out; -moz-transition:
all 0.8s ease-out;
color: #FFFFFF;
text-decoration: line-through;}


a:hover{-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;cursor:url(http://i41.tinypic.com/1pj5w4.gif); color: #FFFFFF; text-decoration: none;}


#bubble1{
position:fixed;
top:15%;
left:17%;
width:250px;
height:450px;
border-radius:0px;
background:url('');
background-size: 100%;
background-repeat: no-repeat;
border:20px solid #666666;
padding: 0px;
overflow: hidden;
}

#bubble2{
position:fixed;
top:15%;
left:38%;
width:250px;
height:450px;
border-radius:0px;
background:url('');
background-size: 100%;
background-repeat: no-repeat;
border:20px solid #666666;
padding: 0px;
overflow: hidden;
}

#bubble3{
position:fixed;
top:15%;
left:59%;
width:250px;
height:450px;
border-radius:0px;
background:url('');
background-size: 100%;
background-repeat: no-repeat;
border:20px solid #666666;
padding: 0px;
overflow: hidden;
}






 .effect1{
height:450px;
width:250px;
background-color:#333333;
filter: alpha(opacity=0);
opacity: 0;
border-radius:0px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
overflow:hidden;
}

 .effect1:hover{
border-radius:0px;
filter: alpha(opacity=50);
opacity: .9;
overflow:hidden;
}

 .poke{
color:#000000;
font-family: 'Give You Glory', cursive;
font-size:11px;
font-weight:bold;
text-align:center;
margin: 2px;
}

b {
color: #000000;
font-family: 'Give You Glory', cursive;
font-weight:bold;
font-size:11px;
letter-spacing: 1px;
}

i{
color:#000000;
font-family: 'Give You Glory', cursive;
font-weight:light;
letter-spacing: 1px;
font-size:11px;
font-style:italic;
}

u{
text-decoration:none;
border-bottom:1px dotted #9188a7;
}




</style>


<div id="bubble1">
<div class="effect1">
<div class="poke">
one

</div></div></div>

<div id="bubble2">
<div class="effect1">
<div class="poke">
two

</div></div></div>

<div id="bubble3">
<div class="effect1">
<div class="poke">
three

</div></div></div>




</center>

</div></div></center></div></center></div></center>