How do I stop my boxes from getting..smaller?

I'm currently working on This profile and as you can see when you hover over the TC or the desc, it gets smaller/thinner. how do i stop this?

in case someone needs his code,

SPOILER (click to toggle)

<style>
html,body,,-content,{position:static!important;}
.container-fluid {position:absolute;top:0;left:0;right:0;bottom:0;}
, , , , , , , , , , .prototip, -ban, -ban-main, -lrc, -rrc, -right, , h2, .bookmark, .hustler, , , .pet_age_info_date, .pet_wco_info_date {display:none}
,  {background-color:transparent!important; height:auto!important}
, ,  {margin:0!important; border:0}
*{margin:0; padding:0}
.notice {background:none; border:0}
.container-fluid {margin:0px}
html {
background-image: url(https://i.gyazo.com/da762fed9fcdb32787f8e7cc277db5d1.gif), url(https://i.gyazo.com/e359b0902eeea3d1e07de6bcf8ec806a.jpg); font-weight:bold;
background-repeat: no-repeat, no-repeat;
background-position: top left, center center;
background-attachment: scroll, fixed;
background-size: auto, cover}
body,font,td,a,p,table,div,tr {color: }
 {position: absolute;
top: 15px;
left: 500px;}
.pet_name {position:relative; top:-25px}
.owner, .pet_color_info {position:relative; top:-40px}
.pet_like {position:relative; top:-40px}
 {opacity: 0.6; filter: alpha(opacity=60);}
:hover {opacity: 1;filter: alpha(opacity=100);}
.pet_spotlight{display:none;}
 {position:absolute; top:300px;
left:148px;
width:235px;
font-size:10px}
 img, .pet_spotlight img {height:65px!important; width:58px!important; margin:2px}
 img, .pet_spotlight img {opacity:0.4}
 img:hover, .pet_spotlight img:hover {opacity:1}
 {position:absolute; top: 420px;
left:150px;
width:235px;
height:160px;
overflow:auto}
.treasure_item {margin-left:8px; margin-bottom:8px; border:1px solid }
 img:hover {
filter:alpha(opacity=100);opacity:1;
}
.treasure_item img {opacity:0.4;}
 {overflow: hidden!important;}
:hover {overflow-y: scroll!important;}
 {position:absolute;
top:20px;
left:545px;
width:200px;
height:560px; overflow:auto;
}
 {overflow:hidden!Important;}
:hover {overflow-y: scroll!important;}
a:link,a:active,a:visited {color:}

</style>

Logged Out

How do I stop my boxes from getting..smaller?

Replies