So this works perfectly in a tryit editor which means it's something conflicting with the site. I don't know how the site's coding works so much, sadly. If I had the energy I could maybe figure this out but I'm just... exhausted. I've been working on this for hours. I suspect my problem is with the first div, since that image for some reason isn't even picking up on the border I've given it. I'm not really sure, though.
Many thanks to any who can help me out. <3
<head><link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/65635665/beautyisperception.css"></head>
<div class="beautyisperceptiontablebg">
<img src="http://i888.photobucket.com/albums/ac90/Adeaz_OMG/beautcropped.png~original" alt="" / border="5px" border color="#000000"></div>
<div class="beautyisperceptiontablepoem" class="scrollbar" id="style-beautyisperception"><font size=3>
<center><br><div class="hrbeautyisperception">TITLE</div></center><br>
This text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the image</font>
</div>
<div class="beautyisperceptiontabletext class="scrollbar" id="style-beautyisperception">
<font size=3>
<br><center><div class="hrbeautyisperception">ASHAMIN<br><font size=4>BEAUTY IS PERCEPTION</font></div></center><br>
Walking here <div class="beautyspeech"> Talking here </div> This text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the imageThis text is on top of the image</font></div>
<center><a href="http://theartlex.deviantart.com/art/Beauty-is-perception-533014939">Beauty is Perception by FoxyFireWings</a>
This includes a linked stylesheet. My stylesheet code looks like this, sorry it is a little messy:
div.beautyisperceptiontablebg {position:relative}
div.beautyisperceptiontablepoem {
background: url(http://i888.photobucket.com/albums/ac90/Adeaz_OMG/transparentbg.png~original) repeat;
position:absolute;
left:35;
top:25;
width:160px;
height:440px;
padding:5px 5px 5px 5px;
overflow:scroll;
overflow-y: scroll;
overflow-x: hidden;
text-align: justify;
color: #0A1742;
font-family: "poor richard","Palatino Linotype", "Book Antiqua", Palatino, serif}
div.hrbeautyisperception{
color:#ffffff; font-size:20pt; letter-spacing:5pt; line-height:7pt; text-shadow: 0px 0px 5px #000000;}
beautyspeech{
color:#ffffff; font-size:10pt; letter-spacing:2pt; line-height:5pt; text-shadow: 0px 0px 5px #000000;}
#style-beautyisperception::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#style-beautyisperception::-webkit-scrollbar
{
width: 1px;
}
#style-beautyisperception::-webkit-scrollbar-thumb
{
background-color: #BDD2D9;
border: 0px solid #555555;
}
div.beautyisperceptiontabletext {
background: url(http://i888.photobucket.com/albums/ac90/Adeaz_OMG/transparentbg.png~original) repeat;
position:absolute;
left:230;
top:25;
width:345px;
height:310px;
padding:5px 5px 5px 5px;
overflow:scroll;
overflow-y: scroll;
overflow-x: hidden;
text-align: justify;
color: #0A1742;
font-family: "poor richard", "Palatino Linotype", "Book Antiqua", Palatino, serif}