retracking this it seems you're redoing things after all. Myszka is sitting next to Kileah right now- he's the black and white raven masked stag.

Hmm, CSS... I'll go back to picking through manuals and worded advice and see if I can help (I hope I will be able to), but I'll do most of that tommorow after school.

Can you please place you CSS below the cut?

Well without the cut, the css interferes with the entire biography page ( not just yours. ^^; ) but it seems to be fine now, thanks, and tracking this!

I've got a bit of CSS you might find useful >w<
A scrollbox with a picture for a background:

<div style="width:300px;height:300px;overflow:auto;border:1px solid blue;background:url('http://images.paraorkut.com/img/wallpapers/1024x768/s/saturn-871.jpg')">text goes here</div>

Looks like this:

And one with rounded corners:

<div style="width:200px; height: 200px; overflow:auto; <br /> background:overflow:auto; background: background-attachment:fixed;background:url(‘http://withfriendship.com/images/i/42422/Black_and_Blue-pic.gif’);text-align:justify; font: verdana 10px;-moz-border-radius: 10px 10px;border-radius: 10px 10px;border: 2px solid #ffffff"><br />text goes here</div>

Hrm, check the settings? As instead of filtered HTML use BBcode. You probably already know that though.
Chickenwhite provided good boxes though They're pretty much the ones I use.

quick apology for Myszka making a run for it It was OOC, as I had to go do some homework and make tea.
He will be active once I'm halfway finish =)
And the new spiffy biography looks pretty cool so far, especially how you organized the box with his picture in it and all those other scroll boxes that usually wouldn't fit in but somehow did, and neatly too c:

If you still need help with the hover CSS thing, I can try to explain :3 (If you already know how to, just ignore this then xD)

Here's the CSS:
-----------------------------------------------
a.info { position:relative; z-index:24; text-decoration:none } a.info:hover { z-index:25; background-color: #000000; } a.info span { display: none; } a.info:hover span { display:block; position:absolute; top:2em; left:2em; width:400px; color: #CCC; border:1px solid #767676; background-color:#454545; text-align: left; padding: 10px; }
-----------------------------------------------
I got the CSS from this blog. You have to write this between your "style" tags. Like this (without the *):

<*style> (CSS goes here) <*/style>

And now you just have to use to code for the hover in your text (again, without the *):

<*a class="info">Text text text<*span> *Extended info displayed on hover goes here* <*/a>

____________________

I hope I explained this well Dx If you didn't understand I can try to explain again later, I have to go right now >.<