Background image not showing

So I've been working on my pet Peacocks(I know the font is awful, it's a placeholder :P) and his background image is not showing up when I'm logged out of Subeta. Shows up fine in Firefox when logged in. Any idea what I'm missing?

body {background: url(http://i781.photobucket.com/albums/yy95/amasticia/Peacock_layout_zpsemh4g2fp.png~original) no-repeat top left; height: 800px;} , , -ban, -ban-main, -lrc, -rrc, h2, , , , -right, , , , , , .pet_name {display:none;} , , , , {background-color:transparent;}


 {position:absolute;
top:100px;
left:-95px;
}
 {position:relative;
top:-50px;
left:0px;}
 {position:relative;
top:-70px;
left:0px;
width:480px;
height:330px;
overflow:hidden;}
:hover {overflow:auto;}
.treasure_item {
margin-top:5px;
margin-left:5px;
}
 {position:absolute;
top:0px;
left:700px;
width:400px;
height:400px;
overflow:auto;}
h3 {
font: 20pt cursive;
color: ;
text-align: right;
letter-spacing: 2px;
border: none;
font-weight: bold;
line-height:10px;
}
h4 {
font: 20pt cursive;
color: ;
text-align: center;
letter-spacing: 2px;
border: none;
font-weight: bold;
}
h1 {
font: 20pt cursive;
color: ;
text-align: center;
letter-spacing: 2px;
border: none;
font-weight: bold;
}
body, td
{color: ;
font-family:cursive;
font-size:9pt;}
u{color: ; font-size:9pt; font-weight: bold;}
b{color: #; font-size:9pt; font-weight: bold;}
i{color: ; font-size:9pt;}
a:link, a:visited
{color: ;
font-size:9pt;
font-weight: bold;
font-family:cursive;
}
a:hover
{
color: ;
font-size:9pt;
font-weight: bold;
font-family:cursive;
}

img { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } {display:inline;}

Logged Out

Background image not showing

Replies