You can pick up the new code in this text box. :)
<div id=crian style="position: absolute; top: -20; left: 300; width: 100; height: 200; z-index: 3"><img src=http://i67.photobucket.com/albums/h318/Kaicow/Kait_transparent.png></div> <div id=crian style="position: absolute; top: 300; left: 820; width: 100; height: 200; z-index: 3"><img src=http://i67.photobucket.com/albums/h318/Kaicow/kaitname.png></div> <style /> .sf {display:none;} p,td,body {font:11px tahoma; color:#724530; line-height:11px;} b {font:11px tahoma; color:#F0B1F7; font-weight:bold; letter-spacing:1px;} i {font:11px tahoma; color:#D79C7A; font-weight:italic; letter-spacing:1px;} u {font: 11px tahoma; color:#ECD44F; font-weight:underline; letter-spacing:1px;} h1 {font:30px arial; font-weight:bold; font-style:; color:#F0B1F7; letter-spacing:4px; line-height:0px;} a {font:11px arial; font-weight:; color:#724530; font-style:; text-transform:;} strike {font:11px tahoma; font-weight:strikethrough; color:#724530; letter-spacing:1px;} a:HOVER,a:VISITED {font:11px arial; font-weight:; color:#724530; font-style:; text-transform:;} #sara_app {background:#FDFCF1; width:440px; height:440px border:4px solid;} </style /><div id="sara_app"> <center><h1>Aloha!</h1> <center>Hi Sara! Here's your fancy pants blog with a few things thrown in to pretty it up.<p><p><h1>header</h1><br>normal text<br><b>bold text</b><br><i>italics</i><br><u>underline</u><br><strike>strikethrough</strike></div>

header

The
blog
gets
longer
to
accomodate
your
text
as
you
can
clearly
see.
This
keeps
text
from
running
away,
but
the
hover
image
stays
up
there.

I was trying to make it a solid scrollybox but if this is okay to you then all is right with the world. :)