I have mediocre to non-existant coding skills, but I was wanting to try and put a layout together myself.
It started happening and I'm not sure what I've done to cause it, hehe. Any help would be much appreciated!

It's from the div, it's quite wide and high. (Lol that sounds weird...) Anyway I used Firebug to hide the width and height on it and it didn't seem to make any difference, so maybe it's not even needed to set the dimensions? Or just make them smaller.
PS: I love your scrolling conveyer thingy, so cool!!
You are trying to position the overlay within which is already being positioned. Remove any positioning code for the overlay.
I usually position everything separately, , .owner, .pet_color_info.
(I won't png you, considering this is unrelated) Your profilenis lovely, I love that scrolling convertor belt (x
Daw, thank you! C:
Hate to be a bother, but I removed it for the pet image, and instead placed the positioning in the column 2 section, but it keeps happening. Any advice? C:

{
position: absolute;
top: 100px;
left: 535px;
}
{ background: url('http://media.tumblr.com/tumblr_lzynyssSag1qjsghb.png') no-repeat; }
Try this code for and .