Background images, In Safari. Options

[schizo]

When I finally thought I was done with this layout after a month and a half, he found another issue. The background image isn't working in Safari. I have no idea what's wrong with it.

CODE

body {
background-color:#473a54;
background-image:url('http://flamora.com/images/clients/novajo/background.jpg') !important;
background-repeat:repeat;
background-position:top center;
background-attachment:fixed;
color:#6b6b6b;
font:9pt arial;
line-height:18px;
margin:0;}

.image1{
width:455px;
height:395px;
background-image:url(http://flamora.com/images/clients/novajo/image1.png);
background-repeat:no-repeat;
position:absolute;
left:50%;
margin-left:-380px;
top:0px;}

.image2{
width:339px;
height:515px;
background-image:url(http://flamora.com/images/clients/novajo/image2.png);
background-repeat:no-repeat;
position:absolute;
left:50%;
margin-left:75px;
top:0px;}

.image3{
width:378px;
height:448px;
background-image:url(http://flamora.com/images/clients/novajo/image3.png);
background-repeat:no-repeat;
position:absolute;
left:50%;
margin-left:213px;
top:511px;}


.container {
background-color: transparent;
border: none;
text-align: left;
position:absolute;
left:50%;
margin-left:-415px;
top:400px;
width:630px;}

.left{
float:left;
width:240px;}


.leftbox{
background-image:url(http://flamora.com/images/clients/novajo/sidebar2.png);
background-repeat:no-repeat;
background-position:bottom left;
background-color:#f5f5f5;
text-align:justify;
width:240px;
margin-bottom:20px;}

.lefttext{
background-color:transparent;
text-align:justify;
width:220px;
padding:10px;
margin-top:-30px;}

.blog {
float:right;
width:365px;}

.post {
margin-bottom:20px;
background-image:url(http://flamora.com/images/clients/novajo/blog2.png);
background-repeat:no-repeat;
background-position:bottom left;
background-color:#f4f4f4;
width:364px;
text-align: justify;}

.posttext{
background-color:transparent;
text-align:justify;
width:344px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:20px;
margin-top:-100px;}

.bob{
margin-bottom:20px;
background-image:url(http://flamora.com/images/clients/novajo/blog2.png);
background-repeat:no-repeat;
background-position:bottom left;
background-color:#f4f4f4;
width:364px;
text-align: justify;}

.bobbox{
background-color:transparent;
text-align:justify;
width:344px;
padding:10px;
margin-top:-100px;}


p.tag {
margin-bottom:-10px;
padding-top:5px;
padding-bottom:0px;
font-size:10px;
font-style:italic;
text-align:center;}


h1,h3{
font:26px "century gothic";
font-weight:600;
color:#ffffff;
text-align:center;
text-transform:lowercase;
margin:0px;}


.bob h3{
font:20px "century gothic";
font-weight:600;
color:#ffffff;
text-align:center;
text-transform:lowercase;
margin:0px;}

h1{
background-image:url(http://flamora.com/images/clients/novajo/sidebar1.png);
background-repeat:no-repeat;
background-position:top left;
width:240px;
padding-top:7px;
padding-right:15px;
height:59px;
margin-bottom:0px;}


h3{
background-image:url(http://flamora.com/images/clients/novajo/blog1.png);
background-repeat:no-repeat;
background-position:top left;
width:364px;
padding-top:9px;
padding-right:15px;
padding-left:0px;
height:117px;
margin-bottom:0px;}


h3.other{
background-color:transparent;
background-image:none;
color:#b6b6b6;
text-align:center;
margin-bottom:-90px;
padding:0;}


h3.another{
background-color:transparent;
background-image:none;
width:600px;
text-align:center;
margin-bottom:-90px;
padding:0;}

a, a:link, a:visited, a:active{
color:#a1a1a1;
text-decoration:none;}

a:hover{
color:#2d944c;
text-decoration:none;}


h3 a, h3 a:link, h3 a:visited, h3 a:active{
padding:5px;
color:#ffffff;
text-decoration:none;}

h3 a:hover{
color:#a7264d;
text-decoration:none;}


.reading {
clear:both;
width:626px;
margin:0 auto;
background-color:transparent;
border: none;
background-image:url(http://flamora.com/images/clients/novajo/reading.png);
background-repeat:no-repeat;
background-position:top left;
padding:10px;
height:250px;
}

.footer {
clear:both;
width:100% !important;
background-color:transparent;
border: none;
padding:10px;
margin-top:-20px;
color:#ffffff;
text-align:center;
}

.twitter {
margin-top:-5px;
width:192px;
color:#ffffff;
font:12px arial;
line-height:18px;
padding-left:10px;
padding-right:10px;
background-image:url(http://flamora.com/images/clients/novajo/twitterbg4.png);
background-repeat:repeat;
}

.twittercontainer{
width:250px;
height:140px;
position:absolute;
left:50%;
margin-left:-350px;
top:257px;
}

.twitterarrow{
position:absolute;
left:50%;
margin-left:-144px;
top:260px;
}

input.commentform{
border:1px solid #808080;
}

textarea.commentform{
border:1px solid #808080;
width:340px;
height:100px;
}

input.commentform2{
font:20px "century gothic";
font-weight:600;
text-transform:uppercase;
color:#4952ab;
background-color:transparent;
border:none;
}

.home{
position:absolute;
left:50%;
margin-left:-70px;;
top:110px;
width: 297px;
height:48px;
background-COLOR:transparent;
background: url(http://flamora.com/images/clients/novajo/rollover1.png) top left no-repeat;
display: block;
z-index:9;}

.home:hover{
background-position: bottom left;}


.youtube{
position:absolute;
left:50%;
margin-left:250px;
top:296px;
width: 63px;
height:67px;
background-COLOR:transparent;
background: url(http://flamora.com/images/clients/novajo/rollover2.png) top left no-repeat;
display: block;
z-index:9;}

.youtube:hover{
background-position: bottom left;}


.about{
position:absolute;
left:50%;
margin-left:210px;
top:395px;
width: 86px;
height:80px;
background-COLOR:transparent;
background: url(http://flamora.com/images/clients/novajo/rollover3.png) top left no-repeat;
display: block;
z-index:9;}

.about:hover{
background-position: bottom left;}



.graphics{
position:absolute;
left:50%;
margin-left:280px;
top:450px;
width: 111px;
height:94px;
background-COLOR:transparent;
background: url(http://flamora.com/images/clients/novajo/rollover4.png) top left no-repeat;
display: block;
z-index:9;}

.graphics:hover{
background-position: bottom left;}


.tutorials{
position:absolute;
left:50%;
margin-left:300px;
top:620px;
width: 69px;
height:80px;
background-COLOR:transparent;
background: url(http://flamora.com/images/clients/novajo/rollover5.png) top left no-repeat;
display: block;
z-index:9;}

.tutorials:hover{
background-position: bottom left;}


.services{
position:absolute;
left:50%;
margin-left:215px;
top:710px;
width: 86px;
height:98px;
background-COLOR:transparent;
background: url(http://flamora.com/images/clients/novajo/rollover6.png) top left no-repeat;
display: block;
z-index:9;}

.services:hover{
background-position: bottom left;}


.resources{
position:absolute;
left:50%;
margin-left:410px;
top:760px;
width: 79px;
height: 77px;
background-COLOR:transparent;
background: url(http://flamora.com/images/clients/novajo/rollover7.png) top left no-repeat;
display: block;
z-index:9;}

.resources:hover{
background-position: bottom left;}


.follow{
position:absolute;
left:50%;
margin-left:-390px;
top:212px;
width: 61px;
height: 64px;
background-COLOR:transparent;
background: url(http://flamora.com/images/clients/novajo/rollover8.png) top left no-repeat;
display: block;
z-index:9;}

.follow:hover{
background-position: bottom left;}

li{list-style:none; margin-left:5px;}

ul{margin:0px; padding:0px;;}

I originally didn't have the quotes and !important thing, but that didn't work either. What am I missing here?