Bleach Oc.. profile attempt 2

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

.pfor {display:none;}

body{
background-color:#fff;
background-image:url(http://img08.deviantart.net/11a1/i/2009/268/5/c/seireitei_by_boomerangmouth.png);
background-size:100%;
background-repeat:no-repeat;
background-attachment:fixed;
}

.main:hover{
opacity:1;
transition:all .9s ease-in-out;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;
}

.main:hover #strip{
position:absolute;
top:30%;
right:0px;
left:0px;
height:350px;
background-image:url('');
background-size:27%;
background-position:100% 4%;
background-repeat:no-repeat;
background-color: #AAAAAA;
border-top:15px solid black;
border-bottom:15px solid red;
transition:all .9s ease-in-out;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;
z-index:-1;}

#The{
position:absolute;
top:10px;
right:340px;
height:330px;
width:660px;
}

#Rose{
position:absolute;
top:0px;
left:0px;
height:330px;
width:160px;
overflow:auto;
}

#Baroness{
position:absolute;
top:0px;
left:170px;
height:160px;
width:160px;
overflow:auto;
}

#Mercenary{
position:absolute;
bottom:0px;
left:170px;
height:160px;
width:160px;
overflow:auto;
}

#For{
position:absolute;
top:0px;
left:340px;
height:160px;
width:300px;
overflow:auto;
}

#Hire{
position:absolute;
bottom:0px;
left:340px;
height:160px;
width:300px;
overflow:auto;
}

 .Gotei{
color:#cc8782;
font-size:10px;
line-height:11px;
font-family:arial;
text-align:justify;
margin: 3px 8px 3px 3px;
}

big{
font-size:30px;
float:left;
margin-top:5px;
margin-right:5px;
margin-left:-2px;
color:#ff9977;
text-shadow: 2px 2px 2px #ffcc99;
}

b {
color: #e6b594;
font-weight:bold;
letter-spacing: 1px;
}

i{
color:#d0b38b;
font-family:cambria;
font-weight:light;
letter-spacing: 1px;
font-style:italic;
}

u{
text-decoration:none;
text-shadow: 0px 1px 2px #ff9977;
}

 .question{
font-family: lucinda console;
font-variant: small-caps;
text-align:left;
font-size: 10px;
color: #513634;
letter-spacing: 2px;}


a:active, a:link, a:visited{
color:#e8bba6;
text-decoration:none;
}

a:hover{
cursor:help;
color:#ff9977;
text-decoration:line-through;
}

h1 {
font: normal 14px 'calibri';
border-bottom: 1px solid #f5d4b5;}

::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #eeccbb;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #eeccbb;border: 0px ;width: 15px;}

</style>

<div class="main" >
<div id="strip"></div>
<div id="The">
<div id="Rose"><div class="Gotei">

<h1>Header</h1>
<span class="question">test</span>
test
</div></div>
<div id="Baroness"><div class="Gotei">

test

</div></div>
<div id="Mercenary"><div class="Gotei">

OOC

</div></div>
<div id="For"><div class="Gotei">
 test

</div></div>
<div id="Hire"><div class="Gotei">

Extra

</div></div>

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